xmlui 0.11.3 → 0.11.6

package/dist/scripts/src/components/Heading/HeadingNative.js

@@ -1,98 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Heading = exports.defaultProps = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
-const classnames_1 = __importDefault(require("classnames"));
-const Heading_module_scss_1 = __importDefault(require("./Heading.module.scss"));
-const css_utils_1 = require("../../components-core/utils/css-utils");
-const TableOfContentsContext_1 = require("../../components-core/TableOfContentsContext");
-const hooks_1 = require("../../components-core/utils/hooks");
-const react_2 = require("@remix-run/react");
-const AppContext_1 = require("../../components-core/AppContext");
-exports.defaultProps = {
-    level: "h1",
-    ellipses: true,
-    omitFromToc: false,
-    maxLines: 0,
-    preserveLinebreaks: false,
-    showAnchor: false,
-};
-exports.Heading = (0, react_1.forwardRef)(function Heading(_a, forwardedRef) {
-    var _b, _c;
-    var { uid, level = exports.defaultProps.level, children, sx, style, title, maxLines = exports.defaultProps.maxLines, preserveLinebreaks, ellipses = exports.defaultProps.ellipses, className, omitFromToc = exports.defaultProps.omitFromToc, showAnchor, registerComponentApi } = _a, furtherProps = __rest(_a, ["uid", "level", "children", "sx", "style", "title", "maxLines", "preserveLinebreaks", "ellipses", "className", "omitFromToc", "showAnchor", "registerComponentApi"]);
-    const Element = level === null || level === void 0 ? void 0 : level.toLowerCase();
-    const elementRef = (0, react_1.useRef)(null);
-    const [anchorId, setAnchorId] = (0, react_1.useState)(null);
-    const anchorRef = (0, react_1.useRef)(null);
-    const tableOfContentsContext = (0, react_1.useContext)(TableOfContentsContext_1.TableOfContentsContext);
-    const registerHeading = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.registerHeading;
-    const appContext = (0, AppContext_1.useAppContext)();
-    if (showAnchor === undefined) {
-        showAnchor = (_c = (_b = appContext === null || appContext === void 0 ? void 0 : appContext.appGlobals) === null || _b === void 0 ? void 0 : _b.showHeadingAnchors) !== null && _c !== void 0 ? _c : false;
-    }
-    const ref = forwardedRef ? (0, react_compose_refs_1.composeRefs)(elementRef, forwardedRef) : elementRef;
-    const scrollIntoView = (0, react_1.useCallback)((options) => {
-        if (elementRef.current) {
-            elementRef.current.scrollIntoView(Object.assign({ behavior: 'smooth', block: 'start' }, options));
-        }
-    }, []);
-    const hasOverflow = (0, react_1.useCallback)(() => {
-        if (elementRef.current) {
-            const element = elementRef.current;
-            return element.scrollWidth > element.clientWidth || element.scrollHeight > element.clientHeight;
-        }
-        return false;
-    }, []);
-    (0, react_1.useEffect)(() => {
-        registerComponentApi === null || registerComponentApi === void 0 ? void 0 : registerComponentApi({
-            scrollIntoView,
-            hasOverflow,
-        });
-    }, [registerComponentApi, scrollIntoView, hasOverflow]);
-    (0, react_1.useEffect)(() => {
-        var _a, _b, _c, _d;
-        if (elementRef.current) {
-            const newAnchorId = (_d = (_c = (_b = (_a = elementRef.current.textContent) === null || _a === void 0 ? void 0 : _a.trim()) === null || _b === void 0 ? void 0 : _b.replace(/[^\w\s-]/g, "")) === null || _c === void 0 ? void 0 : _c.replace(/\s+/g, "-")) === null || _d === void 0 ? void 0 : _d.toLowerCase();
-            setAnchorId(newAnchorId || null);
-        }
-    }, []);
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        if (elementRef.current && anchorId && !omitFromToc) {
-            return registerHeading === null || registerHeading === void 0 ? void 0 : registerHeading({
-                id: anchorId,
-                level: parseInt(level.replace("h", "")),
-                text: elementRef.current.textContent.trim().replace(/#$/, ""), // Remove trailing #
-                anchor: anchorRef.current,
-            });
-        }
-    }, [anchorId, registerHeading, level, omitFromToc]);
-    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({}, furtherProps, { ref: ref, id: uid, title: title, style: Object.assign(Object.assign(Object.assign({}, sx), style), (0, css_utils_1.getMaxLinesStyle)(maxLines)), className: (0, classnames_1.default)(Heading_module_scss_1.default.heading, Heading_module_scss_1.default[Element], className, {
-            [Heading_module_scss_1.default.truncateOverflow]: maxLines > 0,
-            [Heading_module_scss_1.default.preserveLinebreaks]: preserveLinebreaks,
-            [Heading_module_scss_1.default.noEllipsis]: !ellipses,
-        }), children: [anchorId && ((0, jsx_runtime_1.jsx)("span", { ref: anchorRef, id: anchorId, className: Heading_module_scss_1.default.anchorRef, "data-anchor": true })), children, showAnchor && anchorId && ((0, jsx_runtime_1.jsx)(react_2.Link, { to: `#${anchorId}`, "aria-hidden": "true", onClick: (event) => {
-                    // cmd/ctrl + click - open in new tab, don't prevent that
-                    if (tableOfContentsContext) {
-                        if (!event.ctrlKey && !event.metaKey && !event.metaKey) {
-                            event.preventDefault();
-                        }
-                        tableOfContentsContext.scrollToAnchor(anchorId, true);
-                    }
-                }, children: "#" }))] })));
-});

package/dist/scripts/src/components/Heading/abstractions.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.headingLevels = void 0;
-exports.headingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hoverCardComponentRenderer = exports.HoverCardMd = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const renderers_1 = require("../../components-core/renderers");
-const metadata_helpers_1 = require("../metadata-helpers");
-const HovercardNative_1 = require("./HovercardNative");
-const COMP = "HoverCard";
-exports.HoverCardMd = (0, metadata_helpers_1.createMetadata)({
-    status: "deprecated",
-    description: "(**OBSOLETE**) This component displays some content when its parent component is hovered.",
-    props: {
-        triggerTemplate: (0, metadata_helpers_1.dComponent)("The component that opens the hover card when hovered."),
-    },
-});
-exports.hoverCardComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.HoverCardMd, ({ node, extractValue, renderChild }) => {
-    return ((0, jsx_runtime_1.jsx)(HovercardNative_1.HoverCardComponent, { triggerTemplate: renderChild(extractValue(node.props.triggerTemplate)), children: renderChild(node.children) }));
-});

package/dist/scripts/src/components/HoverCard/HovercardNative.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HoverCardComponent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const HoverCard = __importStar(require("@radix-ui/react-hover-card"));
-const ThemeContext_1 = require("../../components-core/theming/ThemeContext");
-const HoverCardComponent = ({ triggerTemplate, children }) => {
-    const { root } = (0, ThemeContext_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(HoverCard.Root, { openDelay: 100, closeDelay: 100, children: [(0, jsx_runtime_1.jsx)(HoverCard.Trigger, { children: triggerTemplate }), (0, jsx_runtime_1.jsx)(HoverCard.Portal, { container: root, children: (0, jsx_runtime_1.jsx)(HoverCard.Content, { side: "bottom", sideOffset: 5, children: children }) })] }));
-};
-exports.HoverCardComponent = HoverCardComponent;