xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components-core/action/FileUploadAction.js

@@ -1,88 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.uploadAction = void 0;
-const extractParam_1 = require("../utils/extractParam");
-const actionUtils_1 = require("../utils/actionUtils");
-const RestApiProxy_1 = __importDefault(require("../RestApiProxy"));
-const actions_1 = require("./actions");
-function uploadFile(_a, _b) {
-    return __awaiter(this, arguments, void 0, function* ({ appContext, state, lookupAction, uid }, { params, invalidates, onError, queryParams, asForm, file, headers, url, method, formParams, rawBody, body, chunkSizeInBytes, onProgress, }, { resolveBindingExpressions } = {}) {
-        const stateContext = Object.assign(Object.assign({}, params), state);
-        const api = new RestApiProxy_1.default(appContext);
-        const operation = {
-            file,
-            body,
-            asForm,
-            formParams,
-            rawBody,
-            method,
-            url,
-            queryParams,
-            headers,
-        };
-        let result = null;
-        try {
-            const _chunkSizeInBytes = (0, extractParam_1.extractParam)(stateContext, chunkSizeInBytes, appContext);
-            const _onProgress = (0, extractParam_1.extractParam)(stateContext, onProgress, appContext);
-            if (_chunkSizeInBytes !== undefined) {
-                const _file = (0, extractParam_1.extractParam)(stateContext, file, appContext);
-                const numberOfChunks = Math.ceil(_file.size / _chunkSizeInBytes);
-                for (let i = 0; i < numberOfChunks; i++) {
-                    const start = i * _chunkSizeInBytes;
-                    const chunkEnd = Math.min(start + _chunkSizeInBytes, _file.size);
-                    const chunk = _file.slice(start, chunkEnd);
-                    result = yield api.upload({
-                        operation,
-                        chunk: {
-                            blob: chunk,
-                            chunkStart: start,
-                            chunkEnd: chunkEnd,
-                        },
-                        params: stateContext,
-                        onUploadProgress: (progressEvent) => {
-                            const overallTotal = _file.size;
-                            const overallLoaded = start + progressEvent.loaded;
-                            const overallProgressEvent = {
-                                total: overallTotal,
-                                loaded: overallLoaded,
-                                progress: overallLoaded / overallTotal,
-                            };
-                            _onProgress === null || _onProgress === void 0 ? void 0 : _onProgress(overallProgressEvent);
-                        },
-                        resolveBindingExpressions,
-                    });
-                }
-            }
-            else {
-                result = yield api.upload({
-                    operation,
-                    params: stateContext,
-                    onUploadProgress: _onProgress,
-                    resolveBindingExpressions,
-                });
-            }
-        }
-        catch (e) {
-            const onErrorFn = lookupAction(onError, uid);
-            const result = yield (onErrorFn === null || onErrorFn === void 0 ? void 0 : onErrorFn(e, stateContext["$param"]));
-            if (result !== false) {
-                throw e;
-            }
-        }
-        void (0, actionUtils_1.invalidateQueries)(invalidates, appContext, state);
-        return result;
-    });
-}
-exports.uploadAction = (0, actions_1.createAction)("upload", uploadFile);

package/dist/scripts/src/components-core/action/NavigateAction.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateAction = void 0;
-const component_utils_1 = require("../../components/component-utils");
-const actions_1 = require("./actions");
-function navigate({ navigate, location }, pathname, queryParams) {
-    // https://stackoverflow.com/questions/37385570/how-to-know-if-react-router-can-go-back-to-display-back-button-in-react-app
-    if (pathname === -1 && location.key === "default") {
-        navigate(".");
-        return;
-    }
-    const to = queryParams
-        ? (0, component_utils_1.createUrlWithQueryParams)({
-            pathname,
-            queryParams,
-        })
-        : pathname;
-    navigate(to);
-}
-exports.navigateAction = (0, actions_1.createAction)("navigate", navigate);

package/dist/scripts/src/components-core/action/TimedAction.js

@@ -1,21 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.timedAction = void 0;
-const misc_1 = require("../utils/misc");
-const actions_1 = require("./actions");
-function delay(_executionContext, timeoutInMs, callback) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield (0, misc_1.delay)(timeoutInMs);
-        yield (callback === null || callback === void 0 ? void 0 : callback());
-    });
-}
-exports.timedAction = (0, actions_1.createAction)("delay", delay);

package/dist/scripts/src/components-core/action/actions.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAction = createAction;
-/**
- * Creates an action renderer definition object that can be registered in the action registry.
- * @param actionName The name of the action
- * @param actionFn The function that executes the action
- * @returns An action renderer definition object
- */
-function createAction(actionName, actionFn) {
-    return {
-        actionName,
-        actionFn,
-    };
-}

package/dist/scripts/src/components-core/appContext/date-functions.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dateFunctions = void 0;
-const date_utils_1 = require("../utils/date-utils");
-const date_fns_1 = require("date-fns");
-exports.dateFunctions = {
-    isoDateString: date_utils_1.isoDateString,
-    formatDate: date_utils_1.formatDate,
-    formatDateTime: date_utils_1.formatDateTime,
-    formatTime: date_utils_1.formatTime,
-    formatTimeWithoutSeconds: date_utils_1.formatTimeWithoutSeconds,
-    formatDateWithoutYear: date_utils_1.formatDateWithoutYear,
-    getDate: date_utils_1.getDate,
-    getDateUntilNow: date_utils_1.getDateUntilNow,
-    smartFormatDateTime: date_utils_1.smartFormatDateTime,
-    smartFormatDate: date_utils_1.smartFormatDate,
-    isToday: date_utils_1.isDateToday,
-    isYesterday: date_utils_1.isDateYesterday,
-    isTomorrow: date_utils_1.isDateTomorrow,
-    differenceInMinutes: date_fns_1.differenceInMinutes,
-    isSameDay: date_fns_1.isSameDay,
-    isThisYear: date_fns_1.isThisYear,
-    formatHumanElapsedTime: date_utils_1.formatHumanElapsedTime
-};

package/dist/scripts/src/components-core/appContext/math-function.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mathFunctions = void 0;
-/**
- * This function calculates the average of the specified values and returns it.
- * @param values Values to calculate the average
- * @param decimals Number of decimal places to round the result
- */
-function avg(values, decimals) {
-    if (values.length === 0) {
-        return 0;
-    }
-    const sumValues = sum(values);
-    const result = sumValues / values.length;
-    return decimals ? Number(result.toFixed(decimals)) : result;
-}
-/**
- * This function calculates the sum of the specified values and returns it.
- * @param values Values to calculate the sum
- */
-function sum(values) {
-    return values.reduce((acc, val) => acc + val, 0);
-}
-exports.mathFunctions = {
-    avg,
-    sum
-};

package/dist/scripts/src/components-core/appContext/misc-utils.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.miscellaneousUtils = void 0;
-const lodash_es_1 = require("lodash-es");
-const misc_1 = require("../utils/misc");
-exports.miscellaneousUtils = {
-    capitalize: lodash_es_1.capitalize,
-    pluralize: misc_1.pluralize,
-    defaultTo: lodash_es_1.defaultTo,
-    toHashObject: misc_1.toHashObject,
-    findByField: misc_1.findByField,
-    distinct: misc_1.distinct,
-    debounce: misc_1.debounce
-};

package/dist/scripts/src/components-core/behaviors/Behavior.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/scripts/src/components-core/behaviors/CoreBehaviors.js

@@ -1,200 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.variantBehavior = exports.labelBehavior = exports.animationBehavior = exports.tooltipBehavior = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const AnimationNative_1 = require("../../components/Animation/AnimationNative");
-const ItemWithLabel_1 = require("../../components/FormItem/ItemWithLabel");
-const TooltipNative_1 = require("../../components/Tooltip/TooltipNative");
-const StyleContext_1 = require("../theming/StyleContext");
-const layout_resolver_1 = require("../theming/layout-resolver");
-const parse_layout_props_1 = require("../theming/parse-layout-props");
-const abstractions_1 = require("../../components/abstractions");
-const BadgeNative_1 = require("../../components/Badge/BadgeNative");
-/**
- * Behavior for applying tooltips to components.
- */
-exports.tooltipBehavior = {
-    name: "tooltip",
-    canAttach: (node) => {
-        var _a, _b;
-        const tooltipText = (_a = node.props) === null || _a === void 0 ? void 0 : _a.tooltip;
-        const tooltipMarkdown = (_b = node.props) === null || _b === void 0 ? void 0 : _b.tooltipMarkdown;
-        return !!tooltipText || !!tooltipMarkdown;
-    },
-    attach: (context, node, metadata) => {
-        var _a, _b, _c;
-        const { extractValue } = context;
-        const tooltipText = extractValue((_a = context.node.props) === null || _a === void 0 ? void 0 : _a.tooltip, true);
-        const tooltipMarkdown = extractValue((_b = context.node.props) === null || _b === void 0 ? void 0 : _b.tooltipMarkdown, true);
-        const tooltipOptions = extractValue((_c = context.node.props) === null || _c === void 0 ? void 0 : _c.tooltipOptions, true);
-        const parsedOptions = (0, TooltipNative_1.parseTooltipOptions)(tooltipOptions);
-        return ((0, jsx_runtime_1.jsx)(TooltipNative_1.Tooltip, Object.assign({ text: tooltipText, markdown: tooltipMarkdown }, parsedOptions, { children: node })));
-    },
-};
-/**
- * Behavior for applying animations to components.
- */
-exports.animationBehavior = {
-    name: "animation",
-    canAttach: (node) => {
-        var _a;
-        return !!((_a = node.props) === null || _a === void 0 ? void 0 : _a.animation);
-    },
-    attach: (context, node, metadata) => {
-        var _a, _b;
-        const { extractValue } = context;
-        const animation = extractValue((_a = context.node.props) === null || _a === void 0 ? void 0 : _a.animation, true);
-        const animationOptions = extractValue((_b = context.node.props) === null || _b === void 0 ? void 0 : _b.animationOptions, true);
-        const parsedOptions = (0, AnimationNative_1.parseAnimationOptions)(animationOptions);
-        return ((0, jsx_runtime_1.jsx)(AnimationNative_1.Animation, Object.assign({ animation: (0, AnimationNative_1.parseAnimation)(animation) }, parsedOptions, { children: context.node.type === "ModalDialog"
-                ? (0, react_1.cloneElement)(node, {
-                    externalAnimation: true,
-                })
-                : node })));
-    },
-};
-/**
- * Behavior for applying a label to form components using ItemWithLabel.
- */
-exports.labelBehavior = {
-    name: "label",
-    canAttach: (node, metadata) => {
-        var _a, _b;
-        /**
-         * This behavior can be attached if the component has a 'label' prop
-         * and is not a component that handles its own labeling.
-         */
-        if ((_a = metadata === null || metadata === void 0 ? void 0 : metadata.props) === null || _a === void 0 ? void 0 : _a.label) {
-            return false;
-        }
-        else if (!((_b = node.props) === null || _b === void 0 ? void 0 : _b.label)) {
-            return false;
-        }
-        return true;
-    },
-    attach: (context, node, metadata) => {
-        var _a;
-        const { extractValue, node: componentNode, className } = context;
-        const label = extractValue.asOptionalString(componentNode.props.label);
-        const labelPosition = extractValue(componentNode.props.labelPosition);
-        const labelWidth = extractValue.asOptionalString(componentNode.props.labelWidth);
-        const labelBreak = extractValue.asOptionalBoolean(componentNode.props.labelBreak);
-        const required = extractValue.asOptionalBoolean(componentNode.props.required);
-        const enabled = extractValue.asOptionalBoolean(componentNode.props.enabled, true);
-        const shrinkToLabel = extractValue.asOptionalBoolean(componentNode.props.shrinkToLabel);
-        const style = extractValue(componentNode.props.style);
-        const readOnly = extractValue.asOptionalBoolean(componentNode.props.readOnly);
-        return ((0, jsx_runtime_1.jsx)(ItemWithLabel_1.ItemWithLabel, { labelPosition: labelPosition, label: label, labelWidth: labelWidth, labelBreak: labelBreak, required: required, enabled: enabled, style: style, className: className, shrinkToLabel: shrinkToLabel, labelStyle: { pointerEvents: readOnly ? "none" : undefined }, isInputTemplateUsed: !!((_a = componentNode.props) === null || _a === void 0 ? void 0 : _a.inputTemplate), children: node }));
-    },
-};
-/**
- * Behavior for applying custom variant styling to components with non-predefined variant values.
- * For Button components, this only applies if the variant is not "solid", "outlined", or "ghost".
- * For other components, it applies to any component with a variant prop.
- *
- * This behavior clones the rendered node and adds the generated CSS class directly,
- * without wrapping in an additional component.
- */
-exports.variantBehavior = {
-    name: "variant",
-    canAttach: (node) => {
-        var _a;
-        const variant = (_a = node.props) === null || _a === void 0 ? void 0 : _a.variant;
-        // Must have a variant prop
-        if (!variant) {
-            return false;
-        }
-        // Special handling for Button component
-        if (node.type === "Button") {
-            // For Button, only attach if variant is NOT one of the predefined values
-            const variantStr = typeof variant === "string" ? variant : String(variant);
-            return !abstractions_1.buttonVariantValues.includes(variantStr);
-        }
-        // Special handling for Badge component
-        if (node.type === "Badge") {
-            // For Badge, only attach if variant is NOT one of the predefined values
-            const variantStr = typeof variant === "string" ? variant : String(variant);
-            return !BadgeNative_1.badgeVariantValues.includes(variantStr);
-        }
-        return true;
-    },
-    attach: (context, node, metadata) => {
-        var _a;
-        const { extractValue, node: componentNode } = context;
-        const variant = extractValue((_a = componentNode.props) === null || _a === void 0 ? void 0 : _a.variant, true);
-        const componentType = componentNode.type;
-        if (!variant || typeof variant !== "string") {
-            return node;
-        }
-        // Get theme variables from metadata
-        const themeVars = metadata === null || metadata === void 0 ? void 0 : metadata.themeVars;
-        // Validate that themeVars is a record object
-        if (!themeVars || typeof themeVars !== 'object' || Array.isArray(themeVars)) {
-            return node;
-        }
-        const themeVarKeys = Object.keys(themeVars);
-        if (themeVarKeys.length === 0) {
-            return node;
-        }
-        // Generate the variant style specification from metadata themeVars
-        const subject = `-${componentType}-${variant}`;
-        const variantSpec = {
-            "&": {},
-            "&:hover": {},
-            "&:active": {},
-            "&:disabled": {},
-        };
-        // Process each theme variable from metadata
-        for (const themeVar of themeVarKeys) {
-            const parsed = (0, parse_layout_props_1.parseLayoutProperty)(themeVar, true);
-            // Skip if parsing failed or returned an error string
-            if (typeof parsed === "string") {
-                continue;
-            }
-            const { property, states } = parsed;
-            // Convert camelCase property to CSS property name
-            const cssProperty = (0, parse_layout_props_1.toCssPropertyName)(property);
-            if (!cssProperty) {
-                continue;
-            }
-            // Determine which selector to use based on states
-            let selector = "&";
-            let stateSuffix = "";
-            if (states && states.length > 0) {
-                const state = states[0]; // Use first state
-                stateSuffix = `--${states.join("--")}`;
-                if (state === "hover") {
-                    selector = "&:hover";
-                }
-                else if (state === "active") {
-                    selector = "&:active";
-                }
-                else if (state === "disabled") {
-                    selector = "&:disabled";
-                }
-                else if (state === "focus") {
-                    selector = "&:focus";
-                }
-            }
-            // Generate CSS variable reference for this theme variable with variant suffix
-            //const cssVarValue = toCssVar(`$${property}${subject}${stateSuffix}`);
-            const cssVarValue = `var(--${layout_resolver_1.THEME_VAR_PREFIX}-${property}${subject}${stateSuffix}, ` +
-                `var(--${layout_resolver_1.THEME_VAR_PREFIX}-${property}-${componentType}))`;
-            // Add to appropriate selector in variant spec
-            if (!variantSpec[selector]) {
-                variantSpec[selector] = {};
-            }
-            variantSpec[selector][cssProperty] = cssVarValue;
-        }
-        // Generate the CSS class using useStyles hook
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const customVariantClassName = (0, StyleContext_1.useStyles)(variantSpec);
-        // Clone the node and add the custom variant className
-        const existingClassName = node.props.className || "";
-        const newClassName = `${existingClassName} ${customVariantClassName || ""}`.trim();
-        return (0, react_1.cloneElement)(node, {
-            className: newClassName,
-        });
-    },
-};

package/dist/scripts/src/components-core/component-hooks.js

@@ -1,25 +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.useContentAlignment = useContentAlignment;
-const react_1 = require("react");
-const Stack_module_scss_1 = __importDefault(require("../components/Stack/Stack.module.scss"));
-const misc_1 = require("./utils/misc");
-// This react hooks prepares CSS style values according to the CSS flex semantics to combine orientation,
-// horizontal, and vertical alignments.
-function useContentAlignment(orientation, horizontal, vertical) {
-    return (0, react_1.useMemo)(() => {
-        // --- Use CSS flex semantics to combine the orientation with alignment to prepare the CSS properties
-        return orientation === "horizontal"
-            ? {
-                horizontal: horizontal && Stack_module_scss_1.default[`justifyItems${(0, misc_1.capitalizeFirstLetter)(horizontal)}`],
-                vertical: vertical && Stack_module_scss_1.default[`alignItems${(0, misc_1.capitalizeFirstLetter)(vertical)}`],
-            }
-            : {
-                horizontal: horizontal && Stack_module_scss_1.default[`alignItems${(0, misc_1.capitalizeFirstLetter)(horizontal)}`],
-                vertical: vertical && Stack_module_scss_1.default[`justifyItems${(0, misc_1.capitalizeFirstLetter)(vertical)}`],
-            };
-    }, [orientation, horizontal, vertical]);
-}

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

@@ -1,18 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.asyncNoop = exports.noop = exports.EMPTY_OBJECT = exports.EMPTY_ARRAY = void 0;
-exports.EMPTY_ARRAY = Object.freeze([]);
-exports.EMPTY_OBJECT = Object.freeze({});
-const noop = (...args) => ({});
-exports.noop = noop;
-const asyncNoop = (...args) => __awaiter(void 0, void 0, void 0, function* () { });
-exports.asyncNoop = asyncNoop;

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

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.layoutOptionKeys = void 0;
-// We need these keys for extracting layout parameters
-exports.layoutOptionKeys = [
-    "horizontalAlignment",
-    "verticalAlignment",
-    "orientation",
-    "width",
-    "minWidth",
-    "maxWidth",
-    "height",
-    "minHeight",
-    "maxHeight",
-    "gap",
-    "border",
-    "borderTop",
-    "borderRight",
-    "borderBottom",
-    "borderLeft",
-    "borderColor",
-    "borderStyle",
-    "borderWidth",
-    "borderHorizontal",
-    "borderVertical",
-    "borderRadius",
-    "radiusTopLeft",
-    "radiusTopRight",
-    "radiusBottomLeft",
-    "radiusBottomRight",
-    "padding",
-    "paddingHorizontal",
-    "paddingVertical",
-    "paddingTop",
-    "paddingRight",
-    "paddingBottom",
-    "paddingLeft",
-    "backgroundColor",
-    "background",
-    "boxShadow",
-    "direction",
-    "overflowX",
-    "overflowY",
-    "zIndex",
-    "color",
-    "fontFamily",
-    "fontSize",
-    "fontWeight",
-    "fontStyle",
-    "textDecoration",
-    "wrapContent",
-    "canShrink",
-    "margin",
-    "marginHorizontal",
-    "marginVertical",
-    "marginTop",
-    "marginRight",
-    "marginBottom",
-    "marginLeft",
-    "userSelect",
-    "letterSpacing",
-    "textTransform",
-    "lineHeight",
-    "opacity",
-    "cursor",
-    "textWrap",
-    "textAlign",
-    "textAlignLast",
-    "top",
-    "right",
-    "bottom",
-    "left",
-    "zoom",
-    "whiteSpace",
-    "textDecoration",
-    "textDecorationLine",
-    "textDecorationColor",
-    "textDecorationStyle",
-    "textDecorationThickness",
-    "textUnderlineOffset",
-    "outline",
-    "outlineWidth",
-    "outlineColor",
-    "outlineStyle",
-    "outlineOffset",
-    "fontVariant",
-    "lineBreak",
-    "textIndent",
-    "textShadow",
-    "wordBreak",
-    "wordSpacing",
-    "wordWrap",
-    "writingMode",
-    "transition",
-    "transform",
-];