xmlui 0.7.21 → 0.7.23

package/dist/scripts/src/components-core/rendering/reducer.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createContainerReducer = createContainerReducer;
-const containers_1 = require("@components-core/abstractions/containers");
 const immer_1 = __importDefault(require("immer"));
 const lodash_es_1 = require("lodash-es");
+const containers_1 = require("../abstractions/containers");
 const MAX_STATE_TRANSITION_LENGTH = 100;
 /**
  * This function creates a reducer for the container state. For diagnostics, it may

package/dist/scripts/src/components-core/rendering/renderChild.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderChild = renderChild;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const extractParam_1 = require("../utils/extractParam");
 const ComponentWrapper_1 = require("./ComponentWrapper");
-const extractParam_1 = require("@components-core/utils/extractParam");
 /**
  * This function is the jolly-joker of the rendering process. It renders a child component
  * based on the specified context, which contains the component's definition, the current state,

package/dist/scripts/src/components-core/rendering/valueExtractor.js

@@ -7,10 +7,10 @@ exports.asOptionalBoolean = asOptionalBoolean;
 exports.createValueExtractor = createValueExtractor;
 const memoize_one_1 = __importDefault(require("memoize-one"));
 const lodash_es_1 = require("lodash-es");
-const ParameterParser_1 = require("@components-core/script-runner/ParameterParser");
-const misc_1 = require("@components-core/utils/misc");
-const visitors_1 = require("@components-core/script-runner/visitors");
-const extractParam_1 = require("@components-core/utils/extractParam");
+const ParameterParser_1 = require("../script-runner/ParameterParser");
+const misc_1 = require("../utils/misc");
+const visitors_1 = require("../script-runner/visitors");
+const extractParam_1 = require("../utils/extractParam");
 const StyleParser_1 = require("../../parsers/style-parser/StyleParser");
 function parseStringArray(input) {
     const trimmedInput = input.trim();

package/dist/scripts/src/components-core/script-runner/asyncProxy.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAsyncProxy = getAsyncProxy;
-const EngineError_1 = require("@components-core/EngineError");
+const EngineError_1 = require("../EngineError");
 /**
  * Gets a proxy function for one that does not support async operations
  * @param fn Function to replace with a proxy

package/dist/scripts/src/components-core/script-runner/eval-tree-common.js

@@ -13,11 +13,11 @@ exports.evalAssignmentCore = evalAssignmentCore;
 exports.evalPreOrPostCore = evalPreOrPostCore;
 exports.evalArrow = evalArrow;
 exports.evalTemplateLiteralCore = evalTemplateLiteralCore;
+const modules_1 = require("../../parsers/scripting/modules");
 const custom_operations_registry_1 = require("./custom-operations-registry");
 const custom_ui_data_1 = require("./custom-ui-data");
 const eval_tree_async_1 = require("./eval-tree-async");
 const ICustomOperations_1 = require("./ICustomOperations");
-const modules_1 = require("../../parsers/scripting/modules");
 // --- Type guard to check for a Promise
 function isPromise(obj) {
     return obj && typeof obj.then === "function";

package/dist/scripts/src/components-core/script-runner/eval-tree-sync.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.evalBindingExpression = evalBindingExpression;
 exports.evalBinding = evalBinding;
 exports.executeArrowExpressionSync = executeArrowExpressionSync;
-const eval_tree_common_1 = require("./eval-tree-common");
 const Parser_1 = require("../../parsers/scripting/Parser");
 const process_statement_common_1 = require("./process-statement-common");
 const process_statement_sync_1 = require("./process-statement-sync");
 const bannedFunctions_1 = require("./bannedFunctions");
 const syncProxy_1 = require("./syncProxy");
+const eval_tree_common_1 = require("./eval-tree-common");
 /**
  * Evaluates the specified binding expression tree and retrieves the evaluated value
  * @param source Binding tree expression

package/dist/scripts/src/components-core/script-runner/process-statement-async.js

@@ -11,11 +11,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processStatementQueueAsync = processStatementQueueAsync;
 exports.processDeclarationsAsync = processDeclarationsAsync;
+const EngineError_1 = require("../EngineError");
+const reportEngineError_1 = require("../reportEngineError");
 const eval_tree_async_1 = require("./eval-tree-async");
 const process_statement_common_1 = require("./process-statement-common");
 const statement_queue_1 = require("./statement-queue");
-const EngineError_1 = require("../EngineError");
-const reportEngineError_1 = require("../reportEngineError");
 // --- Helper function to process the entire queue asynchronously
 function processStatementQueueAsync(statements, evalContext, thread, onStatementCompleted) {
     return __awaiter(this, void 0, void 0, function* () {

package/dist/scripts/src/components-core/script-runner/process-statement-common.js

@@ -13,8 +13,8 @@ exports.provideFinallyBody = provideFinallyBody;
 exports.provideFinallyErrorBody = provideFinallyErrorBody;
 exports.ensureMainThread = ensureMainThread;
 exports.hoistFunctionDeclarations = hoistFunctionDeclarations;
-const statement_queue_1 = require("./statement-queue");
 const modules_1 = require("../../parsers/scripting/modules");
+const statement_queue_1 = require("./statement-queue");
 function innermostLoopScope(thread) {
     if (!thread.loops || thread.loops.length === 0) {
         throw new Error("Missing loop scope");

package/dist/scripts/src/components-core/script-runner/process-statement-sync.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.processStatementQueue = processStatementQueue;
 exports.processDeclarations = processDeclarations;
-const eval_tree_sync_1 = require("@components-core/script-runner/eval-tree-sync");
-const process_statement_common_1 = require("./process-statement-common");
-const statement_queue_1 = require("./statement-queue");
+const eval_tree_sync_1 = require("../script-runner/eval-tree-sync");
 const reportEngineError_1 = require("../reportEngineError");
 const EngineError_1 = require("../EngineError");
+const process_statement_common_1 = require("./process-statement-common");
+const statement_queue_1 = require("./statement-queue");
 const SYNC_EVAL_TIMEOUT = 1000;
 // --- Helper function to process the entire queue synchronously
 function processStatementQueue(statements, evalContext, thread) {

package/dist/scripts/src/components-core/script-runner/syncProxy.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSyncProxy = getSyncProxy;
-const EngineError_1 = require("@components-core/EngineError");
+const EngineError_1 = require("../EngineError");
 /**
  * Gets a proxy function for one that does not support async operations
  * @param fn Function to replace with a proxy

package/dist/scripts/src/components-core/script-runner/visitors.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectVariableDependencies = collectVariableDependencies;
 const lodash_es_1 = require("lodash-es");
-const process_statement_common_1 = require("./process-statement-common");
 const eval_tree_common_1 = require("./eval-tree-common");
+const process_statement_common_1 = require("./process-statement-common");
 /**
  * Collects the name of local context variables the specified program depends on
  * @param program Program to visit

package/dist/scripts/src/components-core/theming/ThemeProvider.js

@@ -48,16 +48,16 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const abstractions_1 = require("./abstractions");
 const react_1 = require("react");
 const transformThemeVars_1 = require("./transformThemeVars");
-const misc_1 = require("@components-core/utils/misc");
-const hvar_1 = require("@components-core/theming/hvar");
-const ThemeContext_1 = require("@components-core/theming/ThemeContext");
-const themeVars_1 = __importStar(require("@components-core/theming/themeVars"));
-const constants_1 = require("@components-core/constants");
-const extendThemeUtils_1 = require("@components-core/theming/extendThemeUtils");
-const ComponentRegistryContext_1 = require("@components/ComponentRegistryContext");
-const xmlui_1 = require("@components-core/theming/themes/xmlui");
-const solid_1 = require("@components-core/theming/themes/solid");
-const hooks_1 = require("@components-core/utils/hooks");
+const misc_1 = require("../utils/misc");
+const hvar_1 = require("../theming/hvar");
+const ThemeContext_1 = require("../theming/ThemeContext");
+const themeVars_1 = __importStar(require("../theming/themeVars"));
+const constants_1 = require("../constants");
+const extendThemeUtils_1 = require("../theming/extendThemeUtils");
+const ComponentRegistryContext_1 = require("../../components/ComponentRegistryContext");
+const xmlui_1 = require("../theming/themes/xmlui");
+const solid_1 = require("../theming/themes/solid");
+const hooks_1 = require("../utils/hooks");
 function useCompiledTheme(activeTheme, activeTone, themes = constants_1.EMPTY_ARRAY, resources = constants_1.EMPTY_OBJECT, resourceMap = constants_1.EMPTY_OBJECT) {
     const componentRegistry = (0, ComponentRegistryContext_1.useComponentRegistry)();
     const { componentThemeVars, componentDefaultThemeVars } = componentRegistry;

package/dist/scripts/src/components-core/theming/extendThemeUtils.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.collectThemeChainByExtends = collectThemeChainByExtends;
 exports.expandTheme = expandTheme;
 const lodash_es_1 = require("lodash-es");
-const root_1 = require("@components-core/theming/themes/root");
+const root_1 = require("../theming/themes/root");
 function collectExtends(cTheme, allThemes) {
     if (!cTheme) {
         return [];

package/dist/scripts/src/components-core/theming/layout-resolver.js

@@ -0,0 +1,356 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.THEME_VAR_PREFIX = void 0;
+exports.resolveLayoutProps = resolveLayoutProps;
+exports.toCssVar = toCssVar;
+const constants_1 = require("../constants");
+const lodash_es_1 = require("lodash-es");
+exports.THEME_VAR_PREFIX = "xmlui";
+const themeVarCapturesRegex = /(\$[a-zA-Z][a-zA-Z0-9-_]*)/g;
+const alignmentRegex = /^(start|end|center)$/;
+const orientationRegex = /^(horizontal|vertical)$/;
+const booleanRegex = /^(true|false)$/;
+const starSizeRegex = /^\d*\*$/;
+const defaultCompResult = {
+    cssProps: {},
+    nonCssProps: {},
+    issues: new Set(),
+};
+function resolveLayoutProps(layoutProps = constants_1.EMPTY_OBJECT, layoutContext) {
+    const result = {
+        cssProps: {},
+        nonCssProps: {},
+        issues: new Set(),
+    };
+    // --- Aligments & orientation
+    collectNonCss("horizontalAlignment");
+    collectNonCss("verticalAlignment");
+    collectNonCss("orientation");
+    // --- Adjust flex
+    if (!!getOrientation(layoutContext)) {
+        // --- In a container, we always use "flex-shrink: 0"
+        result.cssProps.flexShrink = 0;
+    }
+    // --- Dimensions
+    collectCss("width");
+    const horizontalStarSize = getHorizontalStartSize(result.cssProps.width, layoutContext);
+    if (horizontalStarSize !== null) {
+        // --- We use "flex" when width is in start-size and allow shrinking
+        result.cssProps.flex = horizontalStarSize;
+        result.cssProps.flexShrink = 1;
+    }
+    collectCss("minWidth");
+    collectCss("maxWidth");
+    collectCss("height");
+    const verticalStarSize = getVerticalStartSize(result.cssProps.height, layoutContext);
+    if (verticalStarSize !== null) {
+        // --- We use "flex" when width is in start-size and allow shrinking
+        result.cssProps.flex = verticalStarSize;
+        result.cssProps.flexShrink = 1;
+    }
+    collectCss("minHeight");
+    collectCss("maxHeight");
+    // --- Positions
+    collectCss("top");
+    collectCss("right");
+    collectCss("bottom");
+    collectCss("left");
+    // --- Paddings and gap
+    collectCss("gap");
+    collectCss("padding");
+    const horizontalPadding = transformLayoutValue("horizontalPadding");
+    if (horizontalPadding) {
+        result.cssProps.paddingLeft = horizontalPadding;
+        result.cssProps.paddingRight = horizontalPadding;
+    }
+    collectCss("paddingRight");
+    collectCss("paddingLeft");
+    const verticalPadding = transformLayoutValue("verticalPadding");
+    if (verticalPadding) {
+        result.cssProps.paddingTop = verticalPadding;
+        result.cssProps.paddingBottom = verticalPadding;
+    }
+    collectCss("paddingTop");
+    collectCss("paddingBottom");
+    // --- Margins
+    collectCss("margin");
+    const horizontalMargin = transformLayoutValue("horizontalMargin");
+    if (horizontalMargin) {
+        result.cssProps.marginLeft = horizontalMargin;
+        result.cssProps.marginRight = horizontalMargin;
+    }
+    collectCss("marginRight");
+    collectCss("marginLeft");
+    const verticalMargin = transformLayoutValue("verticalMargin");
+    if (verticalMargin) {
+        result.cssProps.marginTop = verticalMargin;
+        result.cssProps.marginBottom = verticalMargin;
+    }
+    collectCss("marginTop");
+    collectCss("marginBottom");
+    // --- Borders
+    collectCss("border");
+    collectCss("borderTop");
+    collectCss("borderRight");
+    collectCss("borderBottom");
+    collectCss("borderLeft");
+    collectCss("borderColor");
+    collectCss("borderStyle");
+    collectCss("borderThickness");
+    // --- Radius
+    collectCss("radius", "borderRadius");
+    collectCss("radiusTopLeft", "borderTopLeftRadius");
+    collectCss("radiusTopRight", "borderTopRightRadius");
+    collectCss("radiusBottomLeft", "borderBottomLeftRadius");
+    collectCss("radiusBottomRight", "borderBottomRightRadius");
+    // --- Typography
+    collectCss("color");
+    collectCss("fontFamily");
+    collectCss("fontSize");
+    collectCss("fontWeight");
+    collectCss("italic");
+    collectCss("textDecoration");
+    collectCss("userSelect");
+    collectCss("letterSpacing");
+    collectCss("textTransform");
+    collectCss("lineHeight");
+    collectCss("textAlign");
+    collectCss("textAlignLast");
+    collectCss("textWrap");
+    // --- Other
+    collectCss("backgroundColor");
+    collectCss("background");
+    collectCss("shadow", "boxShadow");
+    collectCss("direction");
+    collectCss("horizontalOverflow", "overflowX");
+    collectCss("verticalOverflow", "overflowY");
+    collectCss("zIndex");
+    collectCss("opacity");
+    collectCss("zoom");
+    collectCss("cursor");
+    collectCss("whiteSpace");
+    // --- Content rendering
+    const wrapContent = transformLayoutValue("wrapContent");
+    if (wrapContent) {
+        result.cssProps.flexWrap = wrapContent === "true" ? "wrap" : "nowrap";
+    }
+    collectCss("canShrink", "flexShrink");
+    const canShrink = transformLayoutValue("canShrink");
+    if (canShrink) {
+        result.cssProps.flexShrink = canShrink === "true" ? 1 : 0;
+    }
+    // --- If we didn't set any props, return a referentially stable result
+    if ((0, lodash_es_1.isEmpty)(result.cssProps) && (0, lodash_es_1.isEmpty)(result.nonCssProps) && (0, lodash_es_1.isEmpty)(result.issues)) {
+        return defaultCompResult;
+    }
+    // --- Done
+    return result;
+    // --- Replaces all variable occurrences in the input string with the result of toCssVar
+    function transformLayoutValue(prop) {
+        var _a, _b, _c, _d;
+        const defValue = resolveSingleValue();
+        if (((_a = layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.mediaSize) === null || _a === void 0 ? void 0 : _a.sizeIndex) !== undefined) {
+            const sizeIndex = (_b = layoutContext.mediaSize) === null || _b === void 0 ? void 0 : _b.sizeIndex;
+            const xsValue = resolveSingleValue("xs");
+            const smValue = resolveSingleValue("sm");
+            const mdValue = resolveSingleValue("md");
+            const lgValue = resolveSingleValue("lg");
+            const xlValue = resolveSingleValue("xl");
+            const xxlValue = resolveSingleValue("xxl");
+            let mergedValue;
+            switch (sizeIndex) {
+                case 0: // xs
+                    mergedValue = (_c = xsValue !== null && xsValue !== void 0 ? xsValue : smValue) !== null && _c !== void 0 ? _c : mdValue;
+                    break;
+                case 1: // sm
+                    mergedValue = smValue !== null && smValue !== void 0 ? smValue : mdValue;
+                    break;
+                case 2: // md
+                    mergedValue = mdValue;
+                    break;
+                case 3: // lg
+                    mergedValue = lgValue;
+                    break;
+                case 4: // xl
+                    mergedValue = xlValue !== null && xlValue !== void 0 ? xlValue : lgValue;
+                    break;
+                case 5: // xxl
+                    mergedValue = (_d = xxlValue !== null && xxlValue !== void 0 ? xxlValue : xlValue) !== null && _d !== void 0 ? _d : lgValue;
+                    break;
+            }
+            return mergedValue !== null && mergedValue !== void 0 ? mergedValue : defValue;
+        }
+        return defValue;
+        function resolveSingleValue(sizeTag = "") {
+            if (prop === "shadow") {
+                let x = 1;
+            }
+            const fullProp = sizeTag ? `${prop}-${sizeTag}` : prop;
+            let singleInput = layoutProps[fullProp];
+            if (singleInput == undefined) {
+                return;
+            }
+            if (typeof singleInput === "string") {
+                singleInput = singleInput.trim();
+            }
+            else {
+                singleInput = singleInput.toString();
+            }
+            // --- Evaluate
+            const value = singleInput
+                ? singleInput.replace(themeVarCapturesRegex, (match) => toCssVar(match.trim()))
+                : undefined;
+            if (singleInput !== value) {
+                // --- Theme variable replaced, do not check pattern validity
+                return value;
+            }
+            // --- Check value validity
+            const propPatterns = layoutPatterns[prop];
+            if (!propPatterns || propPatterns.length === 0) {
+                return value;
+            }
+            for (const pattern of propPatterns) {
+                if (pattern.test(value)) {
+                    return value;
+                }
+            }
+            // --- Done
+            result.issues.add(fullProp);
+            return value;
+        }
+    }
+    function collectNonCss(prop) {
+        const value = transformLayoutValue(prop);
+        if (value) {
+            // --- Evaluate
+            result.nonCssProps[prop] = value;
+        }
+    }
+    function collectCss(prop, propCssName = "") {
+        const value = transformLayoutValue(prop);
+        if (value) {
+            result.cssProps[propCssName || prop] = value;
+        }
+    }
+    // --- Checks if the specified size is a star size and the orientation is horizontal
+    function getHorizontalStartSize(size, layoutContext) {
+        if (!size)
+            return null;
+        const orientation = getOrientation(layoutContext);
+        return orientation === "horizontal" && starSizeRegex.test(size.toString())
+            ? getStarSizeNumber(size.toString())
+            : null;
+    }
+    // --- Checks if the specified size is a star size and the orientation is vertical
+    function getVerticalStartSize(size, layoutContext) {
+        if (!size)
+            return null;
+        const orientation = getOrientation(layoutContext);
+        return orientation === "vertical" && starSizeRegex.test(size.toString())
+            ? getStarSizeNumber(size.toString())
+            : null;
+    }
+    // ---  Obtains the integer number from a string that matches the starSizeRegex.
+    function getStarSizeNumber(input) {
+        if (starSizeRegex.test(input)) {
+            const numberPart = input.slice(0, -1); // Remove the trailing '*'
+            return numberPart === "" ? 1 : parseInt(numberPart, 10); // Default to 1 if no number is present
+        }
+        return null;
+    }
+    // --- Gets the current orientation from the layout context
+    function getOrientation(layoutContext) {
+        if (!layoutContext)
+            return;
+        let orientation = (layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.type) === "Stack" && (layoutContext === null || layoutContext === void 0 ? void 0 : layoutContext.orientation);
+        return orientation === null || orientation === void 0 ? void 0 : orientation.toString();
+    }
+}
+/**
+ * Converts the specified themeID to a CSS var string
+ * @param c segment to convert
+ */
+function toCssVar(c) {
+    return `var(--${exports.THEME_VAR_PREFIX}-${c.substring(1)})`;
+}
+// The properties constituting a component's layout
+const layoutPatterns = {
+    // --- Context-dependent/non-CSS props
+    horizontalAlignment: [alignmentRegex],
+    verticalAlignment: [alignmentRegex],
+    orientation: [orientationRegex],
+    // --- Dimensions
+    width: [],
+    minWidth: [],
+    maxWidth: [],
+    height: [],
+    minHeight: [],
+    maxHeight: [],
+    gap: [],
+    // --- Positions
+    top: [],
+    right: [],
+    bottom: [],
+    left: [],
+    // --- Border
+    border: [],
+    borderTop: [],
+    borderRight: [],
+    borderBottom: [],
+    borderLeft: [],
+    borderColor: [],
+    borderStyle: [],
+    borderThickness: [],
+    // --- Border radius
+    radius: [],
+    radiusTopLeft: [],
+    radiusTopRight: [],
+    radiusBottomLeft: [],
+    radiusBottomRight: [],
+    // --- Padding
+    padding: [],
+    horizontalPadding: [],
+    verticalPadding: [],
+    paddingTop: [],
+    paddingRight: [],
+    paddingBottom: [],
+    paddingLeft: [],
+    // --- Margin
+    margin: [],
+    horizontalMargin: [],
+    verticalMargin: [],
+    marginTop: [],
+    marginRight: [],
+    marginBottom: [],
+    marginLeft: [],
+    // --- Other
+    backgroundColor: [],
+    background: [],
+    shadow: [],
+    direction: [],
+    horizontalOverflow: [],
+    verticalOverflow: [],
+    zIndex: [],
+    opacity: [],
+    // --- Typography
+    color: [],
+    fontFamily: [],
+    fontSize: [],
+    fontWeight: [],
+    italic: [booleanRegex],
+    textDecoration: [],
+    userSelect: [],
+    letterSpacing: [],
+    textTransform: [],
+    lineHeight: [],
+    textAlign: [],
+    textWrap: [],
+    textAlignLast: [],
+    // --- Content rendering
+    wrapContent: [],
+    canShrink: [],
+    // --- Other
+    cursor: [],
+    zoom: [],
+    whiteSpace: [],
+};

package/dist/scripts/src/components-core/theming/transformThemeVars.js

@@ -10,7 +10,7 @@ exports.generateBaseSpacings = generateBaseSpacings;
 exports.generateBaseFontSizes = generateBaseFontSizes;
 exports.generateButtonTones = generateButtonTones;
 const color_1 = __importDefault(require("color"));
-const hvar_1 = require("@components-core/theming/hvar");
+const hvar_1 = require("../theming/hvar");
 function isThemeVarName(varName) {
     return typeof varName === 'string' && (varName === null || varName === void 0 ? void 0 : varName.startsWith("$"));
 }

package/dist/scripts/src/components-core/utils/DataLoaderQueryKeyGenerator.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataLoaderQueryKeyGenerator = void 0;
 const lodash_es_1 = require("lodash-es");
 class DataLoaderQueryKeyGenerator {
-    constructor(url, queryParams, apiUrl) {
+    constructor(url, queryParams, apiUrl, body, rawBody) {
         this.url = url;
         this.queryParams = queryParams;
         this.key = [url];
@@ -13,6 +13,12 @@ class DataLoaderQueryKeyGenerator {
         if (apiUrl) {
             this.key.push(apiUrl);
         }
+        if (body) {
+            this.key.push(body);
+        }
+        if (rawBody) {
+            this.key.push(rawBody);
+        }
     }
     asKey() {
         if (!this.key) {
@@ -27,8 +33,8 @@ class DataLoaderQueryKeyGenerator {
         return {
             predicate: (query) => {
                 const queryKey = query.queryKey;
-                return queryKey[0] === this.url && (!this.queryParams || (0, lodash_es_1.isEqual)(queryKey[1], this.queryParams));
-            }
+                return (queryKey[0] === this.url && (!this.queryParams || (0, lodash_es_1.isEqual)(queryKey[1], this.queryParams)));
+            },
         };
     }
 }

package/dist/scripts/src/components-core/utils/actionUtils.js

@@ -10,8 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.invalidateQueries = invalidateQueries;
-const DataLoaderQueryKeyGenerator_1 = require("@components-core/utils/DataLoaderQueryKeyGenerator");
-const extractParam_1 = require("@components-core/utils/extractParam");
+const DataLoaderQueryKeyGenerator_1 = require("../utils/DataLoaderQueryKeyGenerator");
+const extractParam_1 = require("../utils/extractParam");
 function invalidateQueries(invalidates, appContext, state) {
     return __awaiter(this, void 0, void 0, function* () {
         var _a;
@@ -22,7 +22,7 @@ function invalidateQueries(invalidates, appContext, state) {
             }
             arrayToInvalidate.forEach((invalidate) => {
                 var _a;
-                (_a = appContext.queryClient) === null || _a === void 0 ? void 0 : _a.invalidateQueries(new DataLoaderQueryKeyGenerator_1.DataLoaderQueryKeyGenerator((0, extractParam_1.extractParam)(state, invalidate, appContext), undefined, appContext === null || appContext === void 0 ? void 0 : appContext.appGlobals.apiUrl).asPredicate());
+                (_a = appContext.queryClient) === null || _a === void 0 ? void 0 : _a.invalidateQueries(new DataLoaderQueryKeyGenerator_1.DataLoaderQueryKeyGenerator((0, extractParam_1.extractParam)(state, invalidate, appContext), undefined, appContext === null || appContext === void 0 ? void 0 : appContext.appGlobals.apiUrl, undefined, undefined).asPredicate());
             });
         }
         else {

package/dist/scripts/src/components-core/utils/compound-utils.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.compoundComponentDefFromSource = compoundComponentDefFromSource;
-const xmlui_parser_1 = require("@components-core/xmlui-parser");
+const xmlui_parser_1 = require("../xmlui-parser");
 function compoundComponentDefFromSource(name, componentSource) {
     const compoundComponentDef = (0, xmlui_parser_1.xmlUiMarkupToComponent)(componentSource).component;
     if (!compoundComponentDef) {

package/dist/scripts/src/components-core/utils/css-utils.js

@@ -13,8 +13,8 @@ exports.getMaxLinesStyle = getMaxLinesStyle;
 exports.getSizeString = getSizeString;
 const react_1 = require("react");
 const color_1 = __importDefault(require("color"));
-const themeVars_1 = require("@components-core/theming/themeVars");
-const constants_1 = require("@components-core/constants");
+const themeVars_1 = require("../theming/themeVars");
+const constants_1 = require("../constants");
 /**
  * Converts a string to its kebab-case representation
  * @param str Input string