xmlui 0.11.4 → 0.11.7

package/dist/scripts/src/components-core/ApiBoundComponent.js

@@ -1,227 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApiBoundComponent = ApiBoundComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const AttributeValueParser_1 = require("./script-runner/AttributeValueParser");
-function ApiBoundComponent({ uid, node, apiBoundProps, apiBoundEvents, renderChild, layoutContextRef, parentRendererContext, }) {
-    const wrappedWithAdapter = (0, react_1.useMemo)(() => {
-        function generateloaderUid(key) {
-            return `${node.uid}_data_${key}`;
-        }
-        // Generates a string representation of an event handler function that calls 
-        // the appropriate action. This function is used recursively for nested actions.
-        function generateEventHandler(actionComponent) {
-            const { type } = actionComponent;
-            // Prepares an event handler, which can be several types of data
-            // (string for inline JS functions, parsed objects, or nested action components)
-            const prepareEvent = (eventData) => {
-                if (!eventData) {
-                    return "undefined";
-                }
-                if (typeof eventData === "string") {
-                    return `"${eventData}"`;
-                }
-                if (typeof eventData.type === "string") {
-                    return generateEventHandler(eventData);
-                }
-                return JSON.stringify(eventData);
-            };
-            // --- Prepare event handlers
-            const { success, error, progress, beforeRequest } = actionComponent.events || {};
-            switch (type) {
-                case "FileUpload": {
-                    const { invalidates, asForm, formParams, queryParams, rawBody, body, url, headers, method, file, } = actionComponent.props;
-                    return `(eventArgs) => {
-            return Actions.upload({
-              asForm: ${JSON.stringify(asForm)}, 
-              formParams: ${JSON.stringify(formParams)}, 
-              queryParams: ${JSON.stringify(queryParams)}, 
-              rawBody: ${JSON.stringify(rawBody)}, 
-              body: ${JSON.stringify(body)}, 
-              url: ${JSON.stringify(url)}, 
-              headers: ${JSON.stringify(headers)}, 
-              method: ${JSON.stringify(method)}, 
-              file: ${JSON.stringify(file)}, 
-              params: { '$param': eventArgs }, 
-              onError: ${prepareEvent(error)}, 
-              onSuccess: ${prepareEvent(success)}, 
-              onProgress: eventArgs.onProgress, 
-              invalidates: ${invalidates === undefined ? undefined : JSON.stringify(invalidates)}  }, { resolveBindingExpressions: true });
-          }`;
-                }
-                case "FileDownload": {
-                    const { url, queryParams, rawBody, body, headers, method, fileName } = actionComponent.props;
-                    return `(eventArgs) => {
-            return Actions.download({
-              queryParams: ${JSON.stringify(queryParams)}, 
-              rawBody: ${JSON.stringify(rawBody)}, 
-              body: ${JSON.stringify(body)}, 
-              url: ${JSON.stringify(url)}, 
-              headers: ${JSON.stringify(headers)}, 
-              method: ${JSON.stringify(method)}, 
-              fileName: ${JSON.stringify(fileName)}, 
-              params: { '$param': eventArgs },
-            }, { resolveBindingExpressions: true });
-          }`;
-                }
-                case "APICall": {
-                    const { when, uid } = actionComponent;
-                    const { confirmTitle, confirmMessage, confirmButtonLabel, inProgressNotificationMessage, completedNotificationMessage, errorNotificationMessage, invalidates, updates, optimisticValue, getOptimisticValue, headers, payloadType, method, url, queryParams, rawBody, body, } = actionComponent.props;
-                    return `(eventArgs, options) => {
-            return Actions.callApi({
-              uid: ${JSON.stringify(uid)},
-              headers: ${JSON.stringify(headers)}, 
-              method: ${JSON.stringify(method)}, 
-              url: ${JSON.stringify(url)}, 
-              queryParams: ${JSON.stringify(queryParams)}, 
-              rawBody: ${JSON.stringify(rawBody)}, 
-              body: ${JSON.stringify(body)} || (options?.passAsDefaultBody ? eventArgs : undefined), 
-              confirmTitle: ${JSON.stringify(confirmTitle)}, 
-              confirmMessage: ${JSON.stringify(confirmMessage)}, 
-              confirmButtonLabel: ${JSON.stringify(confirmButtonLabel)}, 
-              inProgressNotificationMessage: ${JSON.stringify(inProgressNotificationMessage)}, 
-              completedNotificationMessage: ${JSON.stringify(completedNotificationMessage)}, 
-              errorNotificationMessage: ${JSON.stringify(errorNotificationMessage)}, 
-              params: { '$param': eventArgs }, 
-              onError: ${prepareEvent(error)}, 
-              onProgress: ${prepareEvent(progress)}, 
-              onBeforeRequest: ${prepareEvent(beforeRequest)}, 
-              onSuccess: ${prepareEvent(success)}, 
-              updates: ${JSON.stringify(updates)}, 
-              optimisticValue: ${JSON.stringify(optimisticValue)}, 
-              payloadType: ${JSON.stringify(payloadType)}, 
-              getOptimisticValue: ${JSON.stringify(getOptimisticValue)}, 
-              invalidates: ${invalidates === undefined ? undefined : JSON.stringify(invalidates)}, 
-              when: ${when === undefined ? undefined : JSON.stringify(when)} }, { resolveBindingExpressions: true });
-          }`;
-                }
-                default: {
-                    throw new Error("Unknown event handler component type: ", type);
-                }
-            }
-        }
-        const loaders = [...(node.loaders || [])];
-        const events = Object.assign({}, (node.events || {}));
-        const props = Object.assign({}, (node.props || {}));
-        const vars = Object.assign({}, (node.vars || {}));
-        const api = Object.assign({}, (node.api || {}));
-        apiBoundEvents.forEach((key) => {
-            const actionComponent = node.events[key];
-            events[key] = generateEventHandler(actionComponent);
-        });
-        apiBoundProps.forEach((key) => {
-            var _a, _b, _c;
-            const isDatasourceRef = ((_a = node.props[key]) === null || _a === void 0 ? void 0 : _a.type) === "DataSourceRef";
-            const loaderUid = node.props[key].uid || generateloaderUid(key);
-            const operation = node.props[key].props || node.props[key];
-            const loaderEvents = {};
-            Object.entries(node.events || {}).forEach(([eventKey, value]) => {
-                if (eventKey.startsWith(key)) {
-                    const capitalizedEventName = eventKey.substring(key.length);
-                    const eventName = capitalizedEventName.charAt(0).toLowerCase() + capitalizedEventName.slice(1);
-                    loaderEvents[eventName] = value;
-                }
-            });
-            if (key === "data") {
-                props.__DATA_RESOLVED = true;
-            }
-            if (!isDatasourceRef) {
-                loaders.push({
-                    type: "DataLoader",
-                    uid: loaderUid,
-                    props: operation,
-                    events: loaderEvents,
-                });
-                api[`fetch_${key}`] = `() => { ${loaderUid}.refetch(); }`;
-                api[`update_${key}`] = `(updaterFn) => { ${loaderUid}.update(updaterFn); }`;
-                api[`addItem_${key}`] = `(element, index) => {  ${loaderUid}.addItem(element, index); }`;
-                api[`getItems_${key}`] = `() => { return ${loaderUid}.getItems(); }`;
-                api[`deleteItem_${key}`] = `(element) => { ${loaderUid}.deleteItem(element); }`;
-                if (key === "data") {
-                    props._data_url = operation.url;
-                }
-            }
-            //illesg really experimental
-            let prefetchKey = null;
-            const { segments } = (0, AttributeValueParser_1.parseAttributeValue)((_b = operation.url) === null || _b === void 0 ? void 0 : _b.trim());
-            if ((segments === null || segments === void 0 ? void 0 : segments.length) === 1) {
-                if (segments[0].literal) {
-                    prefetchKey = `"${segments[0].literal}"`;
-                }
-                else if (segments[0].expr) {
-                    // we remove the first and last characters, which are the curly braces
-                    prefetchKey = (_c = operation.url) === null || _c === void 0 ? void 0 : _c.trim().substring(1, operation.url.length - 1);
-                }
-            }
-            if (prefetchKey === null) {
-                props[key] = `{ ${loaderUid}.value }`;
-            }
-            else {
-                props[key] =
-                    `{ ${loaderUid}.value || ( appGlobals.prefetchedContent[${prefetchKey}] || appGlobals.prefetchedContent['/' + ${prefetchKey}] ) }`;
-            }
-            props.loading = `{ ${loaderUid}.inProgress === undefined ? true : ${loaderUid}.inProgress}`;
-            props.pageInfo = `{${loaderUid}.pageInfo}`;
-            events.requestFetchPrevPage = `${loaderUid}.fetchPrevPage()`;
-            events.requestFetchNextPage = `${loaderUid}.fetchNextPage()`;
-            // TODO if the user provides a requestRefetch handler, we should call it
-            //  and then call the loader's refetch method if it returns !false;
-            //  requestRefetch could receive parameters to select which apibound props to refetch
-            events.requestRefetch = `()=> ${loaderUid}.refetch();`;
-        });
-        const wrapped = Object.assign(Object.assign({}, node), { containerUid: uid, apiBoundContainer: true, props,
-            events });
-        if (loaders.length) {
-            //to make sure that we don't wrap the component with a container if we don't have to
-            wrapped.loaders = loaders;
-        }
-        if (Object.keys(vars).length) {
-            //to make sure that we don't wrap the component with a container if we don't have to
-            wrapped.vars = vars;
-        }
-        if (Object.keys(api).length) {
-            //to make sure that we don't wrap the component with a container if we don't have to
-            wrapped.api = api;
-        }
-        return wrapped;
-    }, [apiBoundEvents, apiBoundProps, node, uid]);
-    // useEffect(() => {
-    //   console.log("wrapped with adapter changed", wrappedWithAdapter);
-    // }, [wrappedWithAdapter]);
-    const renderedChild = renderChild(wrappedWithAdapter, layoutContextRef === null || layoutContextRef === void 0 ? void 0 : layoutContextRef.current, parentRendererContext);
-    return react_1.default.isValidElement(renderedChild) ? renderedChild : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderedChild });
-}

package/dist/scripts/src/components-core/AppContext.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppContext = void 0;
-exports.useAppContext = useAppContext;
-const react_1 = require("react");
-/**
- * Stores the object that holds the global functions and methods of xmlui.
- */
-exports.AppContext = (0, react_1.createContext)(undefined);
-/**
- * This React hook makes the current context of application services available
- * within any component logic using the hook.
- */
-function useAppContext() {
-    return (0, react_1.useContext)(exports.AppContext);
-}

package/dist/scripts/src/components-core/ComponentDecorator.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const hooks_1 = require("./utils/hooks");
-const HIDDEN_STYLE = { position: "absolute", width: 0, display: "none" };
-/**
- * This component decorates the DOM element of a component with a set of
- * attributes. We use this feature to assign helper attributes to the app's
- * xmlui component nodes for testing, debugging, and other development-related
- * purposes.
- */
-const ComponentDecorator = (0, react_1.forwardRef)((props, forwardedRef) => {
-    // the concept:
-    //   we want to add attributes to the component's DOM node even if that component doesn't handle refs
-    //   to find the actual dom node, we use either the ref passed to the component, or the ref of the previous or next sibling
-    //   with those sibling refs we can find the actual dom node (via nextElementSibling)
-    //   we are making sure that the next and previous elements are not the same, to avoid adding attributes to the wrong element
-    const prevSiblingRef = (0, react_1.useRef)(null);
-    const nextSiblingRef = (0, react_1.useRef)(null);
-    const { onTargetMounted } = props;
-    const foundNode = (0, react_1.useRef)(null);
-    const itemRef = (0, react_1.useRef)(null);
-    const [handlesItemRefs, setHandlesItemRefs] = (0, react_1.useState)(false);
-    const itemRefCallback = (0, react_1.useCallback)((node) => {
-        itemRef.current = node;
-        if (node !== null) {
-            onTargetMounted === null || onTargetMounted === void 0 ? void 0 : onTargetMounted();
-        }
-        setHandlesItemRefs(true);
-    }, [onTargetMounted]);
-    const [_, setForceRender] = (0, react_1.useState)(0);
-    const shallowAttrs = (0, hooks_1.useShallowCompareMemoize)(props.attr);
-    const shouldRenderHelperSpan = !props.allowOnlyRefdChild && !handlesItemRefs;
-    // --- When the component mounts, we add the attributes to the component's DOM node
-    (0, react_1.useLayoutEffect)(() => {
-        let node;
-        if (handlesItemRefs) {
-            node = itemRef.current;
-        }
-        else {
-            if (shouldRenderHelperSpan) {
-                if (foundNode.current) {
-                    node = foundNode.current;
-                }
-                else {
-                    node =
-                        (prevSiblingRef.current.nextElementSibling === nextSiblingRef.current
-                            ? null
-                            : prevSiblingRef.current.nextElementSibling) || null;
-                    foundNode.current = node;
-                    setForceRender((prev) => prev++);
-                }
-            }
-        }
-        if (node) {
-            Object.entries(shallowAttrs).forEach(([key, value]) => {
-                var _a, _b;
-                if (value !== undefined) {
-                    (_a = node.setAttribute) === null || _a === void 0 ? void 0 : _a.call(node, key, value);
-                }
-                else {
-                    (_b = node.removeAttribute) === null || _b === void 0 ? void 0 : _b.call(node, key);
-                }
-            });
-        }
-    }, [shouldRenderHelperSpan, shallowAttrs, handlesItemRefs]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!foundNode.current && shouldRenderHelperSpan && ((0, jsx_runtime_1.jsx)("span", { style: HIDDEN_STYLE, ref: prevSiblingRef })), (0, react_1.cloneElement)(props.children, {
-                ref: forwardedRef ? (0, react_compose_refs_1.composeRefs)(itemRefCallback, forwardedRef) : itemRefCallback,
-            }), !foundNode.current && shouldRenderHelperSpan && ((0, jsx_runtime_1.jsx)("span", { style: HIDDEN_STYLE, ref: nextSiblingRef }))] }));
-});
-ComponentDecorator.displayName = "ComponentDecorator";
-exports.default = ComponentDecorator;

package/dist/scripts/src/components-core/ComponentViewer.js

@@ -1,69 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentViewer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const InspectorDialog_1 = require("./devtools/InspectorDialog");
-const AppWithCodeViewNative_1 = __importDefault(require("../components/NestedApp/AppWithCodeViewNative"));
-const react_1 = require("react");
-const InspectorContext_1 = require("./InspectorContext");
-const Tooltip_1 = require("../components/NestedApp/Tooltip");
-const NestedApp_module_scss_1 = __importDefault(require("../components/NestedApp/NestedApp.module.scss"));
-const ai_1 = require("react-icons/ai");
-const AppContext_1 = require("./AppContext");
-const ComponentViewer = () => {
-    var _a;
-    const { mockApi, setIsOpen, isOpen, inspectedNode, clickPosition, projectCompilation, sources } = (0, InspectorContext_1.useDevTools)();
-    const { appGlobals } = (0, AppContext_1.useAppContext)();
-    const components = (0, react_1.useMemo)(() => {
-        if (!projectCompilation) {
-            return [];
-        }
-        return projectCompilation.components.map((component) => {
-            return component.markupSource;
-        });
-    }, [projectCompilation]);
-    const value = (0, react_1.useMemo)(() => {
-        var _a;
-        const compSrc = (_a = inspectedNode === null || inspectedNode === void 0 ? void 0 : inspectedNode.debug) === null || _a === void 0 ? void 0 : _a.source;
-        if (!compSrc) {
-            return "";
-        }
-        if (!sources) {
-            return "";
-        }
-        const { start, end, fileId } = compSrc;
-        const slicedSrc = sources[fileId].slice(start, end);
-        let dropEmptyLines = true;
-        const prunedLines = [];
-        let trimBeginCount = undefined;
-        slicedSrc.split("\n").forEach((line) => {
-            if (line.trim() === "" && dropEmptyLines) {
-                //drop empty lines from the beginning
-                return;
-            }
-            else {
-                dropEmptyLines = false;
-                prunedLines.push(line);
-                const startingWhiteSpaces = line.search(/\S|$/);
-                if (line.trim() !== "" &&
-                    (trimBeginCount === undefined || startingWhiteSpaces < trimBeginCount)) {
-                    trimBeginCount = startingWhiteSpaces;
-                }
-            }
-        });
-        return prunedLines
-            .map((line) => line.slice(trimBeginCount).replace(/inspect="true"/g, ""))
-            .join("\n");
-    }, [inspectedNode, sources]);
-    return process.env.VITE_USER_COMPONENTS_Inspect !== "false" &&
-        isOpen &&
-        inspectedNode !== null ? ((0, jsx_runtime_1.jsx)(InspectorDialog_1.InspectorDialog, { isOpen: isOpen, setIsOpen: setIsOpen, clickPosition: clickPosition, children: (0, jsx_runtime_1.jsx)(AppWithCodeViewNative_1.default, { height: "500px", allowPlaygroundPopup: true, initiallyShowCode: (_a = appGlobals === null || appGlobals === void 0 ? void 0 : appGlobals.initiallyShowCode) !== null && _a !== void 0 ? _a : true, splitView: true, controlsWidth: "120px", closeButton: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { trigger: (0, jsx_runtime_1.jsx)("button", { className: NestedApp_module_scss_1.default.headerButton, onClick: () => {
-                        setIsOpen(false);
-                    }, children: (0, jsx_runtime_1.jsx)(ai_1.AiOutlineClose, {}) }), label: "Close" }), markdown: `\`\`\`xmlui
-${value}
-\`\`\``, api: mockApi, app: value, components: components }) })) : null;
-};
-exports.ComponentViewer = ComponentViewer;

package/dist/scripts/src/components-core/CompoundComponent.js

@@ -1,145 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompoundComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const misc_1 = require("./utils/misc");
-const hooks_1 = require("./utils/hooks");
-const lodash_es_1 = require("lodash-es");
-const constants_1 = require("./constants");
-const mergeProps_1 = require("./utils/mergeProps");
-// Acts as a bridge between a compound component definition and its renderer.
-exports.CompoundComponent = (0, react_1.forwardRef)((_a, forwardedRef) => {
-    var { node, lookupSyncCallback, lookupEventHandler, compound, api, scriptCollected, renderChild, extractValue, layoutContext, uid, updateState, registerComponentApi, extractResourceUrl, appContext, state, lookupAction } = _a, restProps = __rest(_a, ["node", "lookupSyncCallback", "lookupEventHandler", "compound", "api", "scriptCollected", "renderChild", "extractValue", "layoutContext", "uid", "updateState", "registerComponentApi", "extractResourceUrl", "appContext", "state", "lookupAction"]);
-    // --- Extract property values (resolve binding expressions)
-    const resolvedPropsInner = (0, react_1.useMemo)(() => {
-        const resolvedProps = {};
-        if (node.props) {
-            Object.entries(node.props).forEach(([key, value]) => {
-                const extractedProp = extractValue(value, true);
-                if (extractedProp === null || extractedProp === void 0 ? void 0 : extractedProp._ARROW_EXPR_) {
-                    // --- Ensure arrow functions are called synchronously
-                    resolvedProps[key] = lookupSyncCallback(extractedProp);
-                }
-                else {
-                    resolvedProps[key] = extractedProp;
-                }
-            });
-        }
-        return resolvedProps;
-    }, [extractValue, lookupSyncCallback, node.props]);
-    const resolvedProps = (0, hooks_1.useShallowCompareMemoize)(resolvedPropsInner);
-    // --- Wrap the `component` part with a container that manages the
-    const containerNode = (0, react_1.useMemo)(() => {
-        var _a;
-        const { loaders, vars, functions, scriptError } = compound, rest = __rest(compound, ["loaders", "vars", "functions", "scriptError"]);
-        return {
-            type: "Container",
-            uses: constants_1.EMPTY_ARRAY,
-            api,
-            scriptCollected,
-            loaders: loaders,
-            vars,
-            functions: functions,
-            scriptError: scriptError,
-            containerUid: uid,
-            props: {
-                debug: (_a = compound.props) === null || _a === void 0 ? void 0 : _a.debug,
-            },
-            children: [rest],
-        };
-    }, [api, compound, scriptCollected, uid]);
-    const emitEvent = (0, misc_1.useEvent)((eventName, ...args) => {
-        const handler = lookupEventHandler(eventName);
-        if (handler) {
-            return handler(...args);
-        }
-    });
-    const hasEventHandler = (0, misc_1.useEvent)((eventName) => !!lookupEventHandler(eventName));
-    const vars = (0, react_1.useMemo)(() => {
-        return Object.assign(Object.assign({ $props: resolvedProps }, containerNode.vars), { emitEvent,
-            hasEventHandler,
-            updateState });
-    }, [containerNode.vars, emitEvent, hasEventHandler, resolvedProps, updateState]);
-    const stableVars = (0, hooks_1.useShallowCompareMemoize)(vars);
-    // --- Inject implicit variable into the container of the compound component
-    const nodeWithPropsAndEventsInner = (0, react_1.useMemo)(() => {
-        return Object.assign(Object.assign({}, containerNode), { vars: stableVars });
-    }, [containerNode, stableVars]);
-    const nodeWithPropsAndEvents = (0, hooks_1.useShallowCompareMemoize)(nodeWithPropsAndEventsInner);
-    const hasTemplateProps = (0, react_1.useMemo)(() => {
-        return Object.entries(node.props).some(([key, value]) => {
-            var _a;
-            return (
-            //TODO this is a hack, we should have a better way to detect template props
-            key.endsWith("Template") ||
-                ((0, lodash_es_1.isObject)(value) && value.type !== undefined) ||
-                ((0, lodash_es_1.isArray)(value) && ((_a = value[0]) === null || _a === void 0 ? void 0 : _a.type) !== undefined));
-        });
-    }, [node.props]);
-    const memoedParentRenderContext = (0, react_1.useMemo)(() => {
-        if (!hasTemplateProps && (!node.children || node.children.length === 0)) {
-            return undefined;
-        }
-        return {
-            renderChild,
-            props: node.props,
-            children: node.children,
-        };
-    }, [hasTemplateProps, node.children, node.props, renderChild]);
-    //we remove the wrapChild prop from layout context, because that wrapping already happened for the compound component instance
-    const safeLayoutContext = layoutContext
-        ? Object.assign(Object.assign({}, layoutContext), { wrapChild: undefined }) : layoutContext;
-    const ret = renderChild(nodeWithPropsAndEvents, safeLayoutContext, memoedParentRenderContext);
-    if (forwardedRef && ret && (0, react_1.isValidElement)(ret)) {
-        return react_1.default.cloneElement(ret, Object.assign({ ref: (0, react_compose_refs_1.composeRefs)(forwardedRef, ret.ref) }, (0, mergeProps_1.mergeProps)(ret.props, restProps)));
-    }
-    return react_1.default.isValidElement(ret) ? ret : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ret });
-});
-// --- Display a name for the component in developer tools
-exports.CompoundComponent.displayName = "CompoundComponent";

package/dist/scripts/src/components-core/DebugViewProvider.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DebugViewContext = void 0;
-exports.DebugViewProvider = DebugViewProvider;
-exports.useDebugView = useDebugView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.DebugViewContext = (0, react_1.createContext)(null);
-function DebugViewProvider({ children, debugConfig }) {
-    const [showDebugToolsWindow, setShowDebugToolsWindow] = (0, react_1.useState)(false);
-    const [displayStateView, setDisplayStateView] = (0, react_1.useState)(!!(debugConfig === null || debugConfig === void 0 ? void 0 : debugConfig.displayStateView));
-    const [collectStateTransitions, setCollectStateTransitions] = (0, react_1.useState)(!!(debugConfig === null || debugConfig === void 0 ? void 0 : debugConfig.collectStateTransitions));
-    const [stateTransitions, setStateTransitions] = (0, react_1.useState)([]);
-    const openDebugToolsWindow = () => {
-        setShowDebugToolsWindow(true);
-    };
-    const closeDebugToolsWindow = () => {
-        setShowDebugToolsWindow(false);
-    };
-    const startCollectingStateTransitions = () => {
-        setCollectStateTransitions(true);
-        setStateTransitions([]);
-    };
-    const stopCollectingStateTransitions = () => {
-        setCollectStateTransitions(false);
-    };
-    const contextValue = {
-        showDebugToolsWindow,
-        openDebugToolsWindow,
-        closeDebugToolsWindow,
-        displayStateView,
-        stateViewOptions: { showBoundary: true, blink: true },
-        setDisplayStateView,
-        collectStateTransitions,
-        stateTransitions,
-        startCollectingStateTransitions,
-        stopCollectingStateTransitions,
-    };
-    return ((0, jsx_runtime_1.jsx)(exports.DebugViewContext.Provider, { value: contextValue, children: children }));
-}
-function useDebugView() {
-    return (0, react_1.useContext)(exports.DebugViewContext);
-}

package/dist/scripts/src/components-core/EngineError.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThrowStatementError = exports.NotAComponentDefError = exports.StatementExecutionError = exports.ScriptParseError = exports.GenericBackendError = exports.EngineError = void 0;
-/**
- * The abstract base class of all UI engine errors
- */
-class EngineError extends Error {
-    constructor(message) {
-        super(message);
-        Object.setPrototypeOf(this, EngineError.prototype);
-    }
-}
-exports.EngineError = EngineError;
-/**
- * Extracts information from the error object received from the backend
- */
-class GenericBackendError extends EngineError {
-    constructor(info, errorCode) {
-        // `The backend raised an error. (reasonCode: ${info.reasonCode}, isBusiness: ${info.isBusiness}, message: ${info.message})`
-        let message = "";
-        if (info === null || info === void 0 ? void 0 : info.code) {
-            message += `[Error code: ${info.code}]\n`;
-        }
-        if ((info === null || info === void 0 ? void 0 : info.details) && typeof info.details === "string") {
-            message += `${info.details}`;
-        }
-        else if (info === null || info === void 0 ? void 0 : info.message) {
-            message += `${info.message}`;
-        }
-        super(message || (info === null || info === void 0 ? void 0 : info.message) || "Unknown error");
-        this.info = info;
-        this.errorCategory = "GenericBackendError";
-        this.details = info;
-        this.statusCode = errorCode;
-        // --- Set the prototype explicitly.
-        Object.setPrototypeOf(this, GenericBackendError.prototype);
-    }
-}
-exports.GenericBackendError = GenericBackendError;
-/**
- * Custom exception indicating a parser error
- */
-class ScriptParseError extends EngineError {
-    constructor(message, source, position) {
-        message = `Parser Error: ${message}`;
-        super(message);
-        this.source = source;
-        this.position = position;
-        this.errorCategory = "ScriptParserError";
-        Object.setPrototypeOf(this, ScriptParseError.prototype);
-    }
-}
-exports.ScriptParseError = ScriptParseError;
-/**
- * Custom exception signing parsing error
- */
-class StatementExecutionError extends EngineError {
-    constructor(message, source) {
-        super(message);
-        this.source = source;
-        this.errorCategory = "StatementExecutionError";
-        Object.setPrototypeOf(this, StatementExecutionError.prototype);
-    }
-}
-exports.StatementExecutionError = StatementExecutionError;
-/**
- * Signs that we get an unexpected type instead of a component definition
- */
-class NotAComponentDefError extends EngineError {
-    constructor() {
-        super("Must be a component definition, cannot use dynamic children here...");
-        this.errorCategory = "NotAComponentError";
-        Object.setPrototypeOf(this, NotAComponentDefError.prototype);
-    }
-}
-exports.NotAComponentDefError = NotAComponentDefError;
-/**
- * We throw this error when a throw statement is executed
- */
-class ThrowStatementError extends EngineError {
-    constructor(errorObject) {
-        const message = typeof errorObject === "string"
-            ? errorObject : (errorObject === null || errorObject === void 0 ? void 0 : errorObject.message) || "Error without message";
-        super(message);
-        this.errorObject = errorObject;
-        this.errorCategory = "ThrowStatementError";
-        this.message = message;
-        Object.setPrototypeOf(this, ThrowStatementError.prototype);
-    }
-}
-exports.ThrowStatementError = ThrowStatementError;