xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/Stack/Stack.js

@@ -1,156 +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.chStackComponentRenderer = exports.cvStackComponentRenderer = exports.hStackComponentRenderer = exports.vStackComponentRenderer = exports.stackComponentRenderer = exports.CHStackMd = exports.CVStackMd = exports.HStackMd = exports.VStackMd = exports.StackMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Stack_module_scss_1 = __importDefault(require("./Stack.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const misc_1 = require("../../components-core/utils/misc");
-const EngineError_1 = require("../../components-core/EngineError");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const metadata_helpers_1 = require("../metadata-helpers");
-const StackNative_1 = require("./StackNative");
-const abstractions_1 = require("../abstractions");
-const COMP = "Stack";
-const HORIZONTAL_ALIGNMENT = {
-    description: "Manages the horizontal content alignment for each child element in the Stack.",
-    availableValues: abstractions_1.alignmentOptionValues,
-    valueType: "string",
-    defaultValue: "start",
-};
-const VERTICAL_ALIGNMENT = {
-    description: "Manages the vertical content alignment for each child element in the Stack.",
-    availableValues: abstractions_1.alignmentOptionValues,
-    valueType: "string",
-    defaultValue: "start",
-};
-const stackMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Stack` is the fundamental layout container that organizes child elements in " +
-        "configurable horizontal or vertical arrangements. As the most versatile building " +
-        "block in XMLUI's layout system, it provides comprehensive alignment, spacing, " +
-        "and flow control options that serve as the foundation for all specialized stack variants.",
-    props: {
-        gap: {
-            description: "Optional size value indicating the gap between child elements.",
-            valueType: "string",
-            defaultValue: "$gap-normal",
-        },
-        reverse: {
-            description: "Optional boolean property to reverse the order of child elements.",
-            valueType: "boolean",
-            defaultValue: StackNative_1.defaultProps.reverse,
-        },
-        wrapContent: {
-            description: "Optional boolean which wraps the content if set to true and the available " +
-                "space is not big enough. Works only with horizontal orientations.",
-            valueType: "boolean",
-            defaultValue: false,
-        },
-        orientation: {
-            description: "An optional property that governs the Stack's orientation (whether " +
-                "the Stack lays out its children in a row or a column).",
-            availableValues: ["horizontal", "vertical"],
-            valueType: "string",
-            defaultValue: StackNative_1.defaultProps.orientation,
-        },
-        horizontalAlignment: HORIZONTAL_ALIGNMENT,
-        verticalAlignment: VERTICAL_ALIGNMENT,
-        hoverContainer: Object.assign(Object.assign({}, (0, metadata_helpers_1.dInternal)("Reserved for future use")), { defaultValue: StackNative_1.defaultProps.hoverContainer }),
-        visibleOnHover: Object.assign(Object.assign({}, (0, metadata_helpers_1.dInternal)("Reserved for future use")), { defaultValue: StackNative_1.defaultProps.visibleOnHover }),
-    },
-    events: {
-        click: (0, metadata_helpers_1.dClick)(COMP),
-        mounted: (0, metadata_helpers_1.dInternal)("Reserved for future use"),
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(Stack_module_scss_1.default.themeVars),
-});
-exports.StackMd = Object.assign(Object.assign({}, stackMd), { props: Object.assign({}, stackMd.props) });
-exports.VStackMd = Object.assign(Object.assign({}, exports.StackMd), { specializedFrom: COMP, description: `This component represents a stack rendering its contents vertically.`, props: Object.assign({}, stackMd.props) });
-exports.HStackMd = Object.assign(Object.assign({}, exports.StackMd), { specializedFrom: COMP, description: `This component represents a stack rendering its contents horizontally.`, props: Object.assign({}, stackMd.props) });
-exports.CVStackMd = Object.assign(Object.assign({}, exports.StackMd), { specializedFrom: COMP, description: `This component represents a stack that renders its contents vertically ` +
-        `and aligns that in the center along both axes.` });
-exports.CHStackMd = Object.assign(Object.assign({}, exports.StackMd), { specializedFrom: COMP, description: `This component represents a stack that renders its contents horizontally ` +
-        `and aligns that in the center along both axes.` });
-function renderStack({ node, extractValue, className, orientation, horizontalAlignment, verticalAlignment, lookupEventHandler, renderChild, }) {
-    var _a, _b, _c;
-    if (!(0, misc_1.isComponentDefChildren)(node.children)) {
-        throw new EngineError_1.NotAComponentDefError();
-    }
-    return ((0, jsx_runtime_1.jsx)(StackNative_1.Stack, { orientation: orientation, horizontalAlignment: horizontalAlignment, verticalAlignment: verticalAlignment, reverse: extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.reverse), hoverContainer: extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.hoverContainer), visibleOnHover: extractValue((_c = node.props) === null || _c === void 0 ? void 0 : _c.visibleOnHover), className: className, onMount: lookupEventHandler("mounted"), children: renderChild(node.children, {
-            type: "Stack",
-            orientation,
-        }) }));
-}
-exports.stackComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.StackMd, ({ node, extractValue, renderChild, className, lookupEventHandler }) => {
-    var _a, _b, _c;
-    const orientation = extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.orientation) || StackNative_1.DEFAULT_ORIENTATION;
-    const horizontalAlignment = extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.horizontalAlignment);
-    const verticalAlignment = extractValue((_c = node.props) === null || _c === void 0 ? void 0 : _c.verticalAlignment);
-    return renderStack({
-        node,
-        extractValue,
-        className,
-        orientation,
-        horizontalAlignment,
-        verticalAlignment,
-        lookupEventHandler,
-        renderChild,
-    });
-});
-exports.vStackComponentRenderer = (0, renderers_1.createComponentRenderer)("VStack", exports.VStackMd, ({ node, extractValue, renderChild, className, lookupEventHandler }) => {
-    var _a, _b;
-    const horizontalAlignment = extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.horizontalAlignment);
-    const verticalAlignment = extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.verticalAlignment);
-    return renderStack({
-        node,
-        extractValue,
-        className,
-        lookupEventHandler,
-        renderChild,
-        orientation: "vertical",
-        horizontalAlignment,
-        verticalAlignment,
-    });
-});
-exports.hStackComponentRenderer = (0, renderers_1.createComponentRenderer)("HStack", exports.HStackMd, ({ node, extractValue, renderChild, className, lookupEventHandler }) => {
-    var _a, _b;
-    const horizontalAlignment = extractValue((_a = node.props) === null || _a === void 0 ? void 0 : _a.horizontalAlignment);
-    const verticalAlignment = extractValue((_b = node.props) === null || _b === void 0 ? void 0 : _b.verticalAlignment);
-    return renderStack({
-        node,
-        extractValue,
-        className,
-        lookupEventHandler,
-        renderChild,
-        orientation: "horizontal",
-        horizontalAlignment,
-        verticalAlignment,
-    });
-});
-exports.cvStackComponentRenderer = (0, renderers_1.createComponentRenderer)("CVStack", exports.CVStackMd, ({ node, extractValue, renderChild, className, lookupEventHandler }) => {
-    return renderStack({
-        node,
-        extractValue,
-        className,
-        lookupEventHandler,
-        renderChild,
-        orientation: "vertical",
-        horizontalAlignment: "center",
-        verticalAlignment: "center",
-    });
-});
-exports.chStackComponentRenderer = (0, renderers_1.createComponentRenderer)("CHStack", exports.CHStackMd, ({ node, extractValue, renderChild, className, lookupEventHandler }) => {
-    return renderStack({
-        node,
-        extractValue,
-        className,
-        lookupEventHandler,
-        renderChild,
-        orientation: "horizontal",
-        horizontalAlignment: "center",
-        verticalAlignment: "center",
-    });
-});