xmlui 0.11.4 → 0.11.6

package/dist/scripts/src/components/Tree/testData.js

@@ -1,296 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flatTreeDataWithIconsAndAlias2 = exports.flatTreeDataWithIcons2 = exports.flatTreeDataWithIconsAndAlias1 = exports.flatTreeDataWithIcons1 = exports.dynamicFlatData = exports.customDynamicTreeData = exports.dynamicTreeData = exports.hierarchyWithStateIcons = exports.customIconFieldHierarchy = exports.hierarchyDataWithIcons = exports.apiStyleHierarchy = exports.databaseStyleHierarchy = exports.customFieldsHierarchy2 = exports.customFieldsHierarchy1 = exports.dataWithStateIcons = exports.customIconFieldData = exports.flatDataWithIcons = exports.multiBranchTreeData = exports.apiStyleData = exports.databaseStyleData = exports.customFieldsData2 = exports.customFieldsData1 = exports.hierarchyTreeData = exports.flatTreeData = void 0;
-exports.flatTreeData = [
-    { id: 1, name: "Root Item 1", parentId: null },
-    { id: 2, name: "Child Item 1.1", parentId: 1 },
-    { id: 3, name: "Child Item 1.2", parentId: 1 },
-    { id: 4, name: "Grandchild Item 1.1.1", parentId: 2 },
-];
-exports.hierarchyTreeData = [
-    {
-        id: 1,
-        name: "Root Item 1",
-        children: [
-            { id: 2, name: "Child Item 1.1", children: [] },
-            {
-                id: 3,
-                name: "Child Item 1.2",
-                children: [{ id: 4, name: "Grandchild Item 1.2.1", children: [] }],
-            },
-        ],
-    },
-];
-// Test data with custom field names for field mapping validation
-exports.customFieldsData1 = [
-    { nodeId: "A1", title: "Root Item 1", parent: null },
-    { nodeId: "A2", title: "Child Item 1.1", parent: "A1" },
-    { nodeId: "A3", title: "Child Item 1.2", parent: "A1" },
-    { nodeId: "A4", title: "Grandchild Item 1.1.1", parent: "A2" },
-];
-exports.customFieldsData2 = [
-    { id: 100, displayName: "Root Item 1", parentId: null },
-    { id: 101, displayName: "Child Item 1.1", parentId: 100 },
-    { id: 102, displayName: "Child Item 1.2", parentId: 100 },
-    { id: 103, displayName: "Grandchild Item 1.1.1", parentId: 101 },
-];
-exports.databaseStyleData = [
-    { pk: "root-1", label: "Root Item 1", parent_id: null },
-    { pk: "child-1", label: "Child Item 1.1", parent_id: "root-1" },
-    { pk: "child-2", label: "Child Item 1.2", parent_id: "root-1" },
-    { pk: "grandchild-1", label: "Grandchild Item 1.1.1", parent_id: "child-1" },
-];
-exports.apiStyleData = [
-    { key: "item1", text: "Root Item 1", parentKey: undefined },
-    { key: "item2", text: "Child Item 1.1", parentKey: "item1" },
-    { key: "item3", text: "Child Item 1.2", parentKey: "item1" },
-    { key: "item4", text: "Grandchild Item 1.1.1", parentKey: "item2" },
-];
-// Test data with multiple independent branches for comprehensive defaultExpanded testing
-exports.multiBranchTreeData = [
-    // Branch A: Documents
-    { id: "doc-root", name: "Documents", parentId: null },
-    { id: "doc-reports", name: "Reports", parentId: "doc-root" },
-    { id: "doc-invoices", name: "Invoices", parentId: "doc-root" },
-    { id: "doc-q1-report", name: "Q1 Report.pdf", parentId: "doc-reports" },
-    { id: "doc-q2-report", name: "Q2 Report.pdf", parentId: "doc-reports" },
-    { id: "doc-inv-001", name: "Invoice-001.pdf", parentId: "doc-invoices" },
-    // Branch B: Projects
-    { id: "proj-root", name: "Projects", parentId: null },
-    { id: "proj-web", name: "Web Apps", parentId: "proj-root" },
-    { id: "proj-mobile", name: "Mobile Apps", parentId: "proj-root" },
-    { id: "proj-ecommerce", name: "E-commerce Site", parentId: "proj-web" },
-    { id: "proj-dashboard", name: "Admin Dashboard", parentId: "proj-web" },
-    { id: "proj-ios-app", name: "iOS Shopping App", parentId: "proj-mobile" },
-    // Branch C: Media
-    { id: "media-root", name: "Media", parentId: null },
-    { id: "media-images", name: "Images", parentId: "media-root" },
-    { id: "media-videos", name: "Videos", parentId: "media-root" },
-    { id: "media-profile-pic", name: "profile.jpg", parentId: "media-images" },
-    { id: "media-banner", name: "banner.png", parentId: "media-images" },
-];
-// Test data with icon fields for icon mapping validation
-exports.flatDataWithIcons = [
-    { id: 1, name: "Documents", icon: "folder", parentId: null },
-    { id: 2, name: "Report.pdf", icon: "file-pdf", parentId: 1 },
-    { id: 3, name: "Images", icon: "folder", parentId: null },
-    { id: 4, name: "Photo.jpg", icon: "file-image", parentId: 3 },
-];
-exports.customIconFieldData = [
-    { nodeId: "A1", title: "Project", iconType: "project-folder", parent: null },
-    { nodeId: "A2", title: "Source", iconType: "code-folder", parent: "A1" },
-    { nodeId: "A3", title: "App.tsx", iconType: "typescript-file", parent: "A2" },
-    { nodeId: "A4", title: "Utils.ts", iconType: "typescript-file", parent: "A2" },
-];
-exports.dataWithStateIcons = [
-    {
-        id: 1,
-        name: "Shared Folder",
-        icon: "folder",
-        iconExpanded: "folder-open",
-        iconCollapsed: "folder-closed",
-        parentId: null,
-    },
-    {
-        id: 2,
-        name: "Subfolder",
-        icon: "folder",
-        iconExpanded: "folder-open",
-        iconCollapsed: "folder-closed",
-        parentId: 1,
-    },
-    { id: 3, name: "Document.txt", icon: "file-text", parentId: 2 },
-];
-// Hierarchical test data with custom field names for field mapping validation
-exports.customFieldsHierarchy1 = [
-    {
-        nodeId: "A1",
-        title: "Root Item 1",
-        items: [
-            {
-                nodeId: "A2",
-                title: "Child Item 1.1",
-                items: [{ nodeId: "A4", title: "Grandchild Item 1.1.1", items: [] }],
-            },
-            { nodeId: "A3", title: "Child Item 1.2", items: [] },
-        ],
-    },
-];
-exports.customFieldsHierarchy2 = [
-    {
-        id: 100,
-        displayName: "Root Item 1",
-        subNodes: [
-            {
-                id: 101,
-                displayName: "Child Item 1.1",
-                subNodes: [{ id: 103, displayName: "Grandchild Item 1.1.1", subNodes: [] }],
-            },
-            { id: 102, displayName: "Child Item 1.2", subNodes: [] },
-        ],
-    },
-];
-exports.databaseStyleHierarchy = [
-    {
-        pk: "root-1",
-        label: "Root Item 1",
-        nested_items: [
-            {
-                pk: "child-1",
-                label: "Child Item 1.1",
-                nested_items: [{ pk: "grandchild-1", label: "Grandchild Item 1.1.1", nested_items: [] }],
-            },
-            { pk: "child-2", label: "Child Item 1.2", nested_items: [] },
-        ],
-    },
-];
-exports.apiStyleHierarchy = [
-    {
-        key: "item1",
-        text: "Root Item 1",
-        nodes: [
-            {
-                key: "item2",
-                text: "Child Item 1.1",
-                nodes: [{ key: "item4", text: "Grandchild Item 1.1.1", nodes: [] }],
-            },
-            { key: "item3", text: "Child Item 1.2", nodes: [] },
-        ],
-    },
-];
-// Hierarchical test data with icon fields
-exports.hierarchyDataWithIcons = [
-    {
-        id: 1,
-        name: "Documents",
-        icon: "folder",
-        children: [
-            { id: 2, name: "Report.pdf", icon: "file-pdf", children: [] },
-            {
-                id: 3,
-                name: "Images",
-                icon: "folder",
-                children: [{ id: 4, name: "Photo.jpg", icon: "file-image", children: [] }],
-            },
-        ],
-    },
-];
-exports.customIconFieldHierarchy = [
-    {
-        nodeId: "A1",
-        title: "Project",
-        iconType: "project-folder",
-        items: [
-            {
-                nodeId: "A2",
-                title: "Source",
-                iconType: "code-folder",
-                items: [
-                    { nodeId: "A3", title: "App.tsx", iconType: "typescript-file", items: [] },
-                    { nodeId: "A4", title: "Utils.ts", iconType: "typescript-file", items: [] },
-                ],
-            },
-        ],
-    },
-];
-exports.hierarchyWithStateIcons = [
-    {
-        id: 1,
-        name: "Shared Folder",
-        icon: "folder",
-        iconExpanded: "folder-open",
-        iconCollapsed: "folder-closed",
-        children: [
-            {
-                id: 2,
-                name: "Subfolder",
-                icon: "folder",
-                iconExpanded: "folder-open",
-                iconCollapsed: "folder-closed",
-                children: [{ id: 3, name: "Document.txt", icon: "file-text", children: [] }],
-            },
-        ],
-    },
-];
-exports.dynamicTreeData = [
-    {
-        id: 1,
-        name: "Normal Node",
-        children: [{ id: 2, name: "Child Node", children: [] }],
-    },
-    {
-        id: 3,
-        name: "Dynamic Node (no children)",
-        dynamic: true,
-        children: [],
-    },
-    {
-        id: 4,
-        name: "Regular Leaf Node",
-        children: [],
-    },
-];
-exports.customDynamicTreeData = [
-    {
-        id: 1,
-        name: "Normal Node",
-        children: [{ id: 2, name: "Child Node", children: [] }],
-    },
-    {
-        id: 3,
-        name: "Dynamic Node (no children)",
-        canLoadMore: true,
-        children: [],
-    },
-    {
-        id: 4,
-        name: "Regular Leaf Node",
-        children: [],
-    },
-];
-exports.dynamicFlatData = [
-    {
-        id: 1,
-        name: "Normal Node",
-        parentId: null,
-    },
-    {
-        id: 2,
-        name: "Child Node",
-        parentId: 1,
-    },
-    {
-        id: 3,
-        name: "Dynamic Node (no children)",
-        dynamic: true,
-    },
-    {
-        id: 4,
-        name: "Regular Leaf Node",
-        parentId: null,
-    },
-];
-exports.flatTreeDataWithIcons1 = [
-    { id: 1, name: "Root Item 1", iconExpanded: "phone", parentId: null },
-    { id: 2, name: "Child Item 1.1", iconExpanded: "email", parentId: 1 },
-    { id: 3, name: "Child Item 1.2", parentId: 1 },
-    { id: 4, name: "Grandchild Item 1.1.1", parentId: 2 },
-];
-exports.flatTreeDataWithIconsAndAlias1 = [
-    { id: 1, name: "Root Item 1", iconExp: "phone", parentId: null },
-    { id: 2, name: "Child Item 1.1", iconExp: "email", parentId: 1 },
-    { id: 3, name: "Child Item 1.2", parentId: 1 },
-    { id: 4, name: "Grandchild Item 1.1.1", parentId: 2 },
-];
-exports.flatTreeDataWithIcons2 = [
-    { id: 1, name: "Root Item 1", iconCollapsed: "phone", parentId: null },
-    { id: 2, name: "Child Item 1.1", iconCollapsed: "email", parentId: 1 },
-    { id: 3, name: "Child Item 1.2", parentId: 1 },
-    { id: 4, name: "Grandchild Item 1.1.1", parentId: 2 },
-];
-exports.flatTreeDataWithIconsAndAlias2 = [
-    { id: 1, name: "Root Item 1", iconColl: "phone", parentId: null },
-    { id: 2, name: "Child Item 1.1", iconColl: "email", parentId: 1 },
-    { id: 3, name: "Child Item 1.2", parentId: 1 },
-    { id: 4, name: "Grandchild Item 1.1.1", parentId: 2 },
-];

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

@@ -1,49 +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.treeDisplayComponentRenderer = exports.TreeDisplayMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TreeDisplay_module_scss_1 = __importDefault(require("./TreeDisplay.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const TreeDisplayNative_1 = require("./TreeDisplayNative");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "TreeDisplay";
-exports.TreeDisplayMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: `The \`${COMP}\` component displays hierarchical data in a tree structure. ` +
-        `It accepts an indented text format where each line is an entry in the tree, and ` +
-        `the number of leading spaces determines the nesting level. The component renders ` +
-        `the tree with SVG lines and continuous vertical guides to clearly visualize parent-child relationships in the hierarchy.`,
-    props: {
-        content: {
-            description: "The indented text content to display as a tree structure. Each level of indentation (using spaces) represents one level in the tree hierarchy.",
-            valueType: "string",
-            defaultValue: TreeDisplayNative_1.defaultProps.content,
-        },
-        itemHeight: {
-            description: "The height of each tree item in pixels.",
-            valueType: "number",
-            defaultValue: TreeDisplayNative_1.defaultProps.itemHeight,
-        },
-    },
-    themeVars: (0, themeVars_1.parseScssVar)(TreeDisplay_module_scss_1.default.themeVars),
-    defaultThemeVars: {
-        [`backgroundColor-${COMP}`]: "$backgroundColor-CodeBlock",
-        [`borderRadius-${COMP}`]: "8px",
-        [`padding-${COMP}`]: "$space-4",
-        [`paddingLeft-${COMP}`]: "$space-2",
-        [`fontSize-${COMP}`]: "$fontSize-code",
-        [`fontWeight-${COMP}`]: "$fontWeight-normal",
-        [`fontFamily-${COMP}`]: "$fontFamily-monospace",
-        [`color-${COMP}`]: "$textColor-primary",
-        [`color-connect-${COMP}`]: "$color-surface-200",
-        [`boxShadow-${COMP}`]: "none",
-        [`border-${COMP}`]: "0.5px solid $borderColor",
-    },
-});
-exports.treeDisplayComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.TreeDisplayMd, ({ node, extractValue, renderChild, className }) => {
-    return ((0, jsx_runtime_1.jsx)(TreeDisplayNative_1.TreeDisplay, { className: className, content: extractValue.asOptionalString(node.props.content), itemHeight: extractValue.asOptionalNumber(node.props.itemHeight), children: renderChild(node.children) }));
-});

package/dist/scripts/src/components/TreeDisplay/TreeDisplayNative.js

@@ -1,104 +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.TreeDisplay = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const TreeDisplay_module_scss_1 = __importDefault(require("./TreeDisplay.module.scss"));
-exports.defaultProps = {
-    content: "",
-    itemHeight: 20
-};
-// Parse the indented text into a tree structure
-const parseTreeContent = (content) => {
-    if (!content)
-        return [];
-    const lines = content.split("\n").filter((line) => line.trim());
-    if (lines.length === 0)
-        return [];
-    const rootNodes = [];
-    const levelMap = {};
-    lines.forEach((line) => {
-        // Count leading spaces to determine level
-        const leadingSpaces = line.length - line.trimLeft().length;
-        const currentLevel = leadingSpaces;
-        const label = line.trim();
-        const node = { label, level: currentLevel, children: [] };
-        // If we're at level 0, this is a root node
-        if (currentLevel === 0) {
-            rootNodes.push(node);
-            levelMap[0] = rootNodes;
-            return;
-        }
-        // Find the nearest parent level
-        let parentLevel = currentLevel - 1;
-        while (parentLevel >= 0) {
-            if (levelMap[parentLevel] && levelMap[parentLevel].length > 0) {
-                // Get the last node at the parent level
-                const parent = levelMap[parentLevel][levelMap[parentLevel].length - 1];
-                parent.children.push(node);
-                // Initialize or update this level's map entry
-                if (!levelMap[currentLevel]) {
-                    levelMap[currentLevel] = [];
-                }
-                levelMap[currentLevel].push(node);
-                return;
-            }
-            parentLevel--;
-        }
-        // If we get here, something is wrong with the tree structure
-        // Add to root as fallback
-        rootNodes.push(node);
-    });
-    // Mark last children at each level for correct connector rendering
-    const markLastChildren = (nodes) => {
-        if (nodes.length > 0) {
-            nodes[nodes.length - 1].isLast = true;
-            nodes.forEach((node) => {
-                if (node.children.length > 0) {
-                    markLastChildren(node.children);
-                }
-            });
-        }
-    };
-    markLastChildren(rootNodes);
-    return rootNodes;
-};
-// Calculate the total height of a node and its descendants
-const calculateNodeHeight = (node, itemHeight) => {
-    if (node.children.length === 0) {
-        return itemHeight; // Single node height
-    }
-    return (itemHeight +
-        node.children.reduce((acc, child) => acc + calculateNodeHeight(child, itemHeight), 0));
-};
-// Render a node and its children with SVG line connectors
-const renderTreeNode = (node, index, itemHeight, level = 0, ancestorLines = []) => {
-    const isLast = node.isLast;
-    const isRoot = level === 0;
-    const hasChildren = node.children.length > 0;
-    const nodeHeight = hasChildren ? calculateNodeHeight(node, itemHeight) : itemHeight;
-    const halfHeight = itemHeight / 2;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: TreeDisplay_module_scss_1.default.treeNode, children: [(0, jsx_runtime_1.jsxs)("div", { className: TreeDisplay_module_scss_1.default.treeNodeRow, style: { height: `${itemHeight}px` }, children: [(0, jsx_runtime_1.jsx)("div", { className: TreeDisplay_module_scss_1.default.connectorArea, style: {
-                            marginLeft: `${level * itemHeight}px`,
-                            width: `${itemHeight}px`,
-                            height: `${itemHeight}px`,
-                        }, children: (0, jsx_runtime_1.jsxs)("svg", { className: TreeDisplay_module_scss_1.default.connector, width: itemHeight, height: hasChildren ? nodeHeight : itemHeight, viewBox: `0 0 ${itemHeight} ${hasChildren ? nodeHeight : itemHeight}`, style: { position: "absolute", top: 0, left: 0 }, children: [isRoot && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("line", { x1: halfHeight, y1: halfHeight, x2: itemHeight, y2: halfHeight, strokeWidth: "1.5", className: TreeDisplay_module_scss_1.default.connectorLine }) })), !isRoot && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("line", { x1: halfHeight, y1: 0, x2: halfHeight, y2: isLast ? halfHeight : itemHeight, strokeWidth: "1.5", className: TreeDisplay_module_scss_1.default.connectorLine }), (0, jsx_runtime_1.jsx)("line", { x1: halfHeight, y1: halfHeight, x2: itemHeight, y2: halfHeight, strokeWidth: "1.5", className: TreeDisplay_module_scss_1.default.connectorLine })] })), !isLast && hasChildren && ((0, jsx_runtime_1.jsx)("line", { x1: halfHeight, y1: halfHeight, x2: halfHeight, y2: nodeHeight, strokeWidth: "1.5", className: TreeDisplay_module_scss_1.default.connectorLine })), ancestorLines.map((shouldDraw, i) => shouldDraw && ((0, jsx_runtime_1.jsx)("line", { x1: halfHeight - (level - i) * itemHeight, y1: 0, x2: halfHeight - (level - i) * itemHeight, y2: nodeHeight, strokeWidth: "1.5", className: TreeDisplay_module_scss_1.default.connectorLine }, `ancestor-${i}`)))] }) }), (0, jsx_runtime_1.jsx)("div", { className: TreeDisplay_module_scss_1.default.treeNodeContent, style: { lineHeight: `${itemHeight}px` }, children: node.label })] }), hasChildren && ((0, jsx_runtime_1.jsx)("div", { className: TreeDisplay_module_scss_1.default.childrenContainer, children: node.children.map((child, i) => {
-                    // Create new ancestor lines array for child nodes
-                    const newAncestorLines = [...ancestorLines];
-                    while (newAncestorLines.length <= level) {
-                        newAncestorLines.push(false);
-                    }
-                    // Set current level's line status: draw if this child is not the last child
-                    newAncestorLines[level] = i !== node.children.length - 1;
-                    return renderTreeNode(child, i, itemHeight, level + 1, newAncestorLines);
-                }) }))] }, `${node.label}-${index}`));
-};
-exports.TreeDisplay = (0, react_1.forwardRef)(function TreeDisplay({ style, className, children, content = exports.defaultProps.content, itemHeight = exports.defaultProps.itemHeight }, forwardedRef) {
-    const contentString = (content || (children === null || children === void 0 ? void 0 : children.toString()) || "").toString();
-    const treeNodes = (0, react_1.useMemo)(() => parseTreeContent(contentString), [contentString]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(TreeDisplay_module_scss_1.default.treeDisplay, className), style: style, ref: forwardedRef, children: (0, jsx_runtime_1.jsx)("div", { className: TreeDisplay_module_scss_1.default.content, children: treeNodes.map((node, index) => renderTreeNode(node, index, itemHeight, 0, [])) }) }));
-});

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

@@ -1,64 +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.defaultProps = void 0;
-exports.ValidationSummary = ValidationSummary;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("@formkit/auto-animate/react");
-const classnames_1 = __importDefault(require("classnames"));
-const ValidationSummary_module_scss_1 = __importDefault(require("./ValidationSummary.module.scss"));
-const constants_1 = require("../../components-core/constants");
-const StackNative_1 = require("../Stack/StackNative");
-const IconNative_1 = require("../Icon/IconNative");
-const TextNative_1 = require("../Text/TextNative");
-const SpaceFillerNative_1 = require("../SpaceFiller/SpaceFillerNative");
-const ButtonNative_1 = require("../Button/ButtonNative");
-exports.defaultProps = {
-    fieldValidationResults: constants_1.EMPTY_OBJECT,
-    generalValidationResults: constants_1.EMPTY_ARRAY,
-};
-function ValidationSummary({ fieldValidationResults = exports.defaultProps.fieldValidationResults, generalValidationResults = exports.defaultProps.generalValidationResults, }) {
-    const [animateContainerRef] = (0, react_2.useAutoAnimate)({ duration: 100 });
-    const groupedInvalidResults = (0, react_1.useMemo)(() => {
-        const ret = {};
-        Object.entries(fieldValidationResults).forEach(([field, validationResult]) => {
-            validationResult.validations.forEach((singleValidationResult) => {
-                if (!singleValidationResult.isValid) {
-                    ret[singleValidationResult.severity] = ret[singleValidationResult.severity] || [];
-                    ret[singleValidationResult.severity].push({
-                        field,
-                        message: singleValidationResult.invalidMessage || "",
-                    });
-                }
-            });
-        });
-        generalValidationResults.forEach((singleValidationResult) => {
-            ret[singleValidationResult.severity] = ret[singleValidationResult.severity] || [];
-            ret[singleValidationResult.severity].push({
-                message: singleValidationResult.invalidMessage || "",
-            });
-        });
-        return ret;
-    }, [fieldValidationResults, generalValidationResults]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: animateContainerRef, className: ValidationSummary_module_scss_1.default.summaryContainer, "data-validation-summary": true, children: [(0, jsx_runtime_1.jsx)(ValidationDisplay, { issues: groupedInvalidResults.warning, severity: "warning", heading: "Validation warnings" }), (0, jsx_runtime_1.jsx)(ValidationDisplay, { issues: groupedInvalidResults.error, severity: "error", heading: "Validation errors" })] }));
-}
-const ValidationDisplay = ({ heading, issues = constants_1.EMPTY_ARRAY, severity = "error", onClose, }) => {
-    const [animateContainerRef] = (0, react_2.useAutoAnimate)({ duration: 100 });
-    if (issues.length === 0) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)(ValidationSummary_module_scss_1.default.validationContainer, {
-            [ValidationSummary_module_scss_1.default.valid]: severity === "valid",
-            [ValidationSummary_module_scss_1.default.info]: severity === "info",
-            [ValidationSummary_module_scss_1.default.warning]: severity === "warning",
-            [ValidationSummary_module_scss_1.default.error]: severity === "error",
-        }), style: { paddingTop: !onClose ? "0.5rem" : undefined }, "data-validation-display-severity": severity, children: [(0, jsx_runtime_1.jsxs)(StackNative_1.Stack, { orientation: "horizontal", verticalAlignment: "center", style: { gap: "0.5rem" }, children: [(0, jsx_runtime_1.jsx)(IconNative_1.Icon, { className: ValidationSummary_module_scss_1.default.heading, name: severity, size: "md" }), (0, jsx_runtime_1.jsx)("div", { className: ValidationSummary_module_scss_1.default.heading, children: (0, jsx_runtime_1.jsx)(TextNative_1.Text, { children: heading }) }), !!onClose && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SpaceFillerNative_1.SpaceFiller, {}), (0, jsx_runtime_1.jsx)(ButtonNative_1.Button, { onClick: onClose, variant: "ghost", themeColor: "secondary", icon: (0, jsx_runtime_1.jsx)(IconNative_1.Icon, { name: "close", size: "sm" }), orientation: "vertical" })] }))] }), (0, jsx_runtime_1.jsx)("ul", { ref: animateContainerRef, children: issues.map((issue, i) => ((0, jsx_runtime_1.jsx)(ValidationEntry, { issue: issue }, i))) })] }));
-};
-// --- ValidationEntry
-const ValidationEntry = ({ issue }) => {
-    const { field, message } = issue;
-    return ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsxs)("span", { style: { display: "inline-flex", gap: field ? "0.25rem" : undefined }, children: [field && (0, jsx_runtime_1.jsx)(TextNative_1.Text, { variant: "small", fontWeight: "bold", children: `${field}:` }), (0, jsx_runtime_1.jsx)(TextNative_1.Text, { variant: "small", preserveLinebreaks: true, children: message })] }) }));
-};

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

@@ -1,21 +0,0 @@
-"use strict";
-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.VisuallyHidden = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_visually_hidden_1 = require("@radix-ui/react-visually-hidden");
-const VisuallyHidden = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(react_visually_hidden_1.VisuallyHidden, Object.assign({}, props, { children: children })));
-};
-exports.VisuallyHidden = VisuallyHidden;