xmlui 0.11.4 → 0.11.7

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

@@ -1,143 +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.Markdown = exports.markdownComponentRenderer = exports.MarkdownMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Markdown_module_scss_1 = __importDefault(require("./Markdown.module.scss"));
-const renderers_1 = require("../../components-core/renderers");
-const themeVars_1 = require("../../components-core/theming/themeVars");
-const MarkdownNative_1 = require("./MarkdownNative");
-const react_1 = require("react");
-const parse_binding_expr_1 = require("./parse-binding-expr");
-const utils_1 = require("./utils");
-const metadata_helpers_1 = require("../metadata-helpers");
-const COMP = "Markdown";
-exports.MarkdownMd = (0, metadata_helpers_1.createMetadata)({
-    status: "stable",
-    description: "`Markdown` renders formatted text using markdown syntax. Use " +
-        "[Text](/working-with-text) for simple, styled text content, and `Markdown` " +
-        "when you need [rich formatting](/working-with-markdown).",
-    themeVars: (0, themeVars_1.parseScssVar)(Markdown_module_scss_1.default.themeVars),
-    props: {
-        content: (0, metadata_helpers_1.d)("This property sets the markdown content to display. Alternatively, you can nest " +
-            "the markdown content as a child in a CDATA section. In neither this property " +
-            "value nor any child is defined, empty content is displayed."),
-        codeHighlighter: {
-            description: "This property sets the code highlighter to use.",
-            isInternal: true,
-        },
-        removeIndents: {
-            description: "This boolean property specifies whether leading indents should be " +
-                "removed from the markdown content. If set to `true`, the shortest " +
-                "indent found at the start of the content lines is removed from the " +
-                "beginning of every line.",
-            valueType: "boolean",
-            defaultValue: MarkdownNative_1.defaultProps.removeIndents,
-        },
-        showHeadingAnchors: {
-            description: "This boolean property specifies whether heading anchors should be " +
-                "displayed. If set to `true`, heading anchors will be displayed on hover " +
-                "next to headings.",
-            valueType: "boolean",
-        },
-    },
-    defaultThemeVars: {
-        "backgroundColor-Admonition": "$color-primary-100",
-        "border-Admonition": "1px solid $color-primary-300",
-        "backgroundColor-Admonition-warning": "$color-warn-100",
-        "borderColor-Admonition-warning": "$color-warn-300",
-        "backgroundColor-Admonition-danger": "$color-danger-100",
-        "borderColor-Admonition-danger": "$color-danger-300",
-        "borderRadius-Admonition": "$space-2",
-        "size-icon-Admonition": "$space-5",
-        "paddingLeft-Admonition": "$space-2",
-        "paddingRight-Admonition": "$space-6",
-        "paddingTop-Admonition": "$space-3",
-        "paddingBottom-Admonition": "$space-2",
-        "marginLeft-Admonition-content": "$space-1_5",
-        "marginTop-Admonition": "$space-7",
-        "marginBottom-Admonition": "$space-7",
-        "marginTop-Blockquote": "$space-7",
-        "marginBottom-Blockquote": "$space-7",
-        "paddingHorizontal-Blockquote": "$space-6",
-        "paddingTop-Blockquote": "$space-3",
-        "paddingBottom-Blockquote": "$space-2_5",
-        "backgroundColor-Blockquote": "$color-surface-100",
-        "width-accent-Blockquote": "3px",
-        "color-accent-Blockquote": "$color-surface-500",
-        "marginTop-HtmlLi": "$space-2_5",
-        "marginBottom-HtmlLi": "$space-2_5",
-        "marginTop-Image-markdown": "$space-4",
-        "marginBottom-Image-markdown": "$space-4",
-        "marginLeft-Image-markdown": "$space-0",
-        "marginRight-Image-markdown": "$space-0",
-        "marginTop-Text-markdown": "$space-3",
-        "marginBottom-Text-markdown": "$space-6",
-        "fontSize-Text-markdown": "fontSize-${COMP}",
-        "fontWeight-Text-markdown": "fontWeight-Text",
-        light: {
-        // --- No light-specific theme vars
-        },
-        dark: {
-            "backgroundColor-Blockquote": "$color-surface-50",
-            "backgroundColor-Admonition": "$color-primary-200",
-        },
-    },
-});
-exports.markdownComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.MarkdownMd, ({ node, extractValue, renderChild, className }) => {
-    var _a;
-    let renderedChildren = "";
-    // 1. Static content prop fallback
-    if (!renderedChildren) {
-        renderedChildren = extractValue.asString(node.props.content);
-    }
-    // 2. "data" property fallback
-    if (!renderedChildren && typeof node.props.data === "string") {
-        renderedChildren = extractValue.asString(node.props.data);
-    }
-    // 3. Children fallback
-    if (!renderedChildren) {
-        ((_a = node.children) !== null && _a !== void 0 ? _a : []).forEach((child) => {
-            const renderedChild = renderChild(child);
-            if (typeof renderedChild === "string") {
-                renderedChildren += renderedChild;
-            }
-        });
-    }
-    return ((0, jsx_runtime_1.jsx)(TransformedMarkdown, { className: className, removeIndents: extractValue.asOptionalBoolean(node.props.removeIndents, true), codeHighlighter: extractValue(node.props.codeHighlighter), extractValue: extractValue, showHeadingAnchors: extractValue.asOptionalBoolean(node.props.showHeadingAnchors), children: renderedChildren }));
-});
-const TransformedMarkdown = (0, react_1.forwardRef)(({ children, removeIndents, className, extractValue, codeHighlighter, showHeadingAnchors, }, ref) => {
-    const markdownContent = (0, react_1.useMemo)(() => {
-        if (typeof children !== "string") {
-            return null;
-        }
-        // --- Resolve binding expression values
-        // --- Resolve xmlui playground definitions
-        let resolvedMd = children;
-        while (true) {
-            const nextPlayground = (0, utils_1.observePlaygroundPattern)(resolvedMd);
-            if (!nextPlayground)
-                break;
-            resolvedMd =
-                resolvedMd.slice(0, nextPlayground[0]) +
-                    (0, utils_1.convertPlaygroundPatternToMarkdown)(nextPlayground[2]) +
-                    resolvedMd.slice(nextPlayground[1]);
-        }
-        while (true) {
-            const nextTreeDisplay = (0, utils_1.observeTreeDisplay)(resolvedMd);
-            if (!nextTreeDisplay)
-                break;
-            resolvedMd =
-                resolvedMd.slice(0, nextTreeDisplay[0]) +
-                    (0, utils_1.convertTreeDisplayToMarkdown)(nextTreeDisplay[2]) +
-                    resolvedMd.slice(nextTreeDisplay[1]);
-        }
-        resolvedMd = (0, parse_binding_expr_1.parseBindingExpression)(resolvedMd, extractValue);
-        return resolvedMd;
-    }, [children, extractValue]);
-    return ((0, jsx_runtime_1.jsx)(MarkdownNative_1.Markdown, { ref: ref, removeIndents: removeIndents, codeHighlighter: codeHighlighter, className: className, showHeadingAnchors: showHeadingAnchors, children: markdownContent }));
-});
-var MarkdownNative_2 = require("./MarkdownNative");
-Object.defineProperty(exports, "Markdown", { enumerable: true, get: function () { return MarkdownNative_2.Markdown; } });

package/dist/scripts/src/components/Markdown/Markdown.spec.js

@@ -1,188 +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 });
-const fixtures_1 = require("../../testing/fixtures");
-// --- Testing
-fixtures_1.test.describe("smoke tests", { tag: "@smoke" }, () => {
-    (0, fixtures_1.test)("Markdown renders", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        yield initTestBed(`<Markdown />`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toBeAttached();
-    }));
-    (0, fixtures_1.test)("handles empty binding expression", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        yield initTestBed(`<Markdown><![CDATA[\@{}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText("");
-    }));
-    (0, fixtures_1.test)("does not detect escaped empty expression #1", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-        yield initTestBed(`<Markdown><![CDATA[\\@{}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText("@{}");
-    }));
-    (0, fixtures_1.test)("does not detect escaped empty expression #2", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-        yield initTestBed(`<Markdown><![CDATA[\@\\{}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText("@{}");
-    }));
-    (0, fixtures_1.test)("does not detect escaped expression #1", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        yield initTestBed(`<Markdown><![CDATA[\\@{1}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText("@{1}");
-    }));
-    (0, fixtures_1.test)("does not detect escaped expression #2", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        yield initTestBed(`<Markdown><![CDATA[\@\\{1}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText("@{1}");
-    }));
-    (0, fixtures_1.test)("handles only spaces binding expression", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        yield initTestBed(`<Markdown><![CDATA[\@{   }]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText("");
-    }));
-    (0, fixtures_1.test)("handles binding expression", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        yield initTestBed(`<Markdown><![CDATA[\@{1+1}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText("2");
-    }));
-    (0, fixtures_1.test)("handles objects in binding expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        const expected = "{ a : 1, b: 'c' }";
-        yield initTestBed(`<Markdown><![CDATA[\@{${expected}}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(`{"a":1,"b":"c"}`);
-    }));
-    (0, fixtures_1.test)("handles arrays in binding expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        const expected = "[ 1, 2, 3 ]";
-        yield initTestBed(`<Markdown><![CDATA[\@{${expected}}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(`[1,2,3]`);
-    }));
-    (0, fixtures_1.test)("handles functions in binding expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-        const SOURCE = "() => { const x = 1; console.log(x); return null; }";
-        const EXPECTED = "[xmlui function]";
-        yield initTestBed(`<Markdown><![CDATA[\@{${SOURCE}}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(EXPECTED);
-    }));
-    (0, fixtures_1.test)("handles nested objects in binding expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-        const expected = "{ a : 1, b: { c: 1 } }";
-        yield initTestBed(`<Markdown><![CDATA[\@{${expected}}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(`{"a":1,"b":{"c":1}}`);
-    }));
-    (0, fixtures_1.test)("handles functions nested in objects in binding expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-        const SOURCE = "{ a: () => { const x = 1; console.log(x); return null; } }";
-        const EXPECTED = '{"a":"[xmlui function]"}';
-        yield initTestBed(`<Markdown><![CDATA[\@{${SOURCE}}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(EXPECTED);
-    }));
-    (0, fixtures_1.test)("handles arrays nested in objects in binding expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-        const expected = "{ a: [1, 2, 3] }";
-        yield initTestBed(`<Markdown><![CDATA[\@{${expected}}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(`{"a":[1,2,3]}`);
-    }));
-    (0, fixtures_1.test)("handles arrays nested in functions in binding expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-        const SOURCE = "() => { return [1, 2, 3]; }";
-        const EXPECTED = "[xmlui function]";
-        yield initTestBed(`<Markdown><![CDATA[\@{${SOURCE}}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(EXPECTED);
-    }));
-    (0, fixtures_1.test)("handles complex expressions", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        const SOURCE = "Hello there @{ {a : () => {}, x: null, b: { c: 3, d: 'asdadsda', e: () => {return null;} } } } How are you @{true || undefined || []}";
-        const EXPECTED = 'Hello there {"a":"[xmlui function]","x":null,"b":{"c":3,"d":"asdadsda","e":"[xmlui function]"}} How are you true';
-        yield initTestBed(`<Markdown><![CDATA[${SOURCE}]]></Markdown>`);
-        yield (0, fixtures_1.expect)((yield createMarkdownDriver()).component).toHaveText(EXPECTED);
-    }));
-    const headingLevelsWithMarkdown = [
-        { level: "h1", md: "# Heading" },
-        { level: "h2", md: "## Heading" },
-        { level: "h3", md: "### Heading" },
-        { level: "h4", md: "#### Heading" },
-        { level: "h5", md: "##### Heading" },
-        { level: "h6", md: "###### Heading" },
-    ];
-    headingLevelsWithMarkdown.forEach(({ level, md }) => {
-        (0, fixtures_1.test)(`can render anchor link for '${level}'`, (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-            const SOURCE = md;
-            yield initTestBed(`<Markdown showHeadingAnchors="true"><![CDATA[${SOURCE}]]></Markdown>`);
-            const driver = yield createMarkdownDriver();
-            (0, fixtures_1.expect)(yield driver.hasHtmlElement("a")).toBe(true);
-        }));
-    });
-    (0, fixtures_1.test)("show implicit anchor links", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        const SOURCE = "## Heading";
-        yield initTestBed(`<Markdown showHeadingAnchors="true"><![CDATA[${SOURCE}]]></Markdown>`);
-        const driver = yield createMarkdownDriver();
-        (0, fixtures_1.expect)(yield driver.hasHtmlElement("a")).toBe(true);
-    }));
-    (0, fixtures_1.test)("show explicit anchor links", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        const SOURCE = "## Heading [#heading]";
-        yield initTestBed(`<Markdown showHeadingAnchors="true"><![CDATA[${SOURCE}]]></Markdown>`);
-        const driver = yield createMarkdownDriver();
-        (0, fixtures_1.expect)(yield driver.hasHtmlElement("a")).toBe(true);
-    }));
-    (0, fixtures_1.test)("don't render implicit anchor links", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        const SOURCE = "## Heading";
-        yield initTestBed(`<Markdown showHeadingAnchors="false"><![CDATA[${SOURCE}]]></Markdown>`);
-        const driver = yield createMarkdownDriver();
-        (0, fixtures_1.expect)(yield driver.hasHtmlElement("a")).toBe(false);
-    }));
-    (0, fixtures_1.test)("don't render explicit anchor links", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-        const SOURCE = "## Heading [#heading]";
-        yield initTestBed(`<Markdown showHeadingAnchors="false"><![CDATA[${SOURCE}]]></Markdown>`);
-        const driver = yield createMarkdownDriver();
-        (0, fixtures_1.expect)(yield driver.hasHtmlElement("a")).toBe(false);
-    }));
-});
-(0, fixtures_1.test)("only renders if children are strings", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-    yield initTestBed(`
-      <Markdown>
-        <Button label="Hey!" />
-      </Markdown>
-    `);
-    // Check if page is empty (no text)
-    const driver = yield createMarkdownDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveText("");
-}));
-(0, fixtures_1.test)("renders if children are provided through CDATA", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-    yield initTestBed(`
-    <Markdown>
-      <![CDATA[Hello World!]]>
-    </Markdown>
-  `);
-    // Check if page is empty (no text)
-    const driver = yield createMarkdownDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveText("Hello World!");
-}));
-(0, fixtures_1.test)("renders code block", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver }) {
-    const code = "```\n" + "I did not expect this\n" + "```";
-    yield initTestBed(`<Markdown><![CDATA[${code}]]></Markdown>`);
-    const driver = yield createMarkdownDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveText("I did not expect this");
-    (0, fixtures_1.expect)(yield driver.hasHtmlElement(["pre", "code"])).toBeTruthy();
-}));
-(0, fixtures_1.test)("4space/1 tab indent is not code block by default", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-    // Note the formatting here: the line breaks and indentations are intentional
-    const code = `
-    _I did not expect this_
-  `;
-    yield initTestBed(`<Markdown><![CDATA[${code}]]></Markdown>`);
-    const driver = yield createMarkdownDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveText("I did not expect this");
-    (0, fixtures_1.expect)(yield driver.hasHtmlElement("em")).toBeTruthy();
-}));
-(0, fixtures_1.test)("removeIndents=false: 4space/1 tab indent is accounted for", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-    // Note the formatting here: the lack of indentations is intentional
-    const code = `
-_I did not expect this_
-  `;
-    yield initTestBed(`<Markdown removeIndents="false"><![CDATA[${code}]]></Markdown>`);
-    const driver = yield createMarkdownDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveText("I did not expect this");
-    (0, fixtures_1.expect)(yield driver.hasHtmlElement("em")).toBeTruthy();
-}));
-(0, fixtures_1.test)("removeIndents=false: 4space/1 tab indent maps to a code block", (_a) => __awaiter(void 0, [_a], void 0, function* ({ initTestBed, createMarkdownDriver, }) {
-    // Note the formatting here: the indentations are intentional
-    const code = `
-    _I did not expect this_
-  `;
-    yield initTestBed(`<Markdown removeIndents="false"><![CDATA[${code}]]></Markdown>`);
-    const driver = yield createMarkdownDriver();
-    yield (0, fixtures_1.expect)(driver.component).toHaveText("_I did not expect this_");
-    (0, fixtures_1.expect)(yield driver.hasHtmlElement(["pre", "code"])).toBeTruthy();
-}));