xmlui 0.7.21 → 0.7.23

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

@@ -1,4 +1,15 @@
 "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 };
 };
@@ -6,10 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.h6ComponentRenderer = exports.h5ComponentRenderer = exports.h4ComponentRenderer = exports.h3ComponentRenderer = exports.h2ComponentRenderer = exports.h1ComponentRenderer = exports.headingComponentRenderer = exports.H6Md = exports.H5Md = exports.H4Md = exports.H3Md = exports.H2Md = exports.H1Md = exports.HeadingMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Heading_module_scss_1 = __importDefault(require("./Heading.module.scss"));
-const renderers_1 = require("@components-core/renderers");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const themeVars_1 = require("@components-core/theming/themeVars");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const themeVars_1 = require("../../components-core/theming/themeVars");
 const HeadingNative_1 = require("./HeadingNative");
+const extractParam_1 = require("../../components-core/utils/extractParam");
 const COMP = "Heading";
 const VALUE_DESC = (0, ComponentDefs_1.d)(`This property determines the text displayed in the heading. \`${COMP}\` also accepts nested ` +
     `text instead of specifying the \`value\`. If both \`value\` and a nested text are used, ` +
@@ -178,7 +190,8 @@ exports.H6Md = (0, ComponentDefs_1.createMetadata)({
 });
 function renderHeading({ node, extractValue, layoutCss, level, renderChild }) {
     var _a;
-    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, { uid: node.uid, level: ((_a = extractValue.asOptionalString(level)) !== null && _a !== void 0 ? _a : "h1"), maxLines: extractValue.asOptionalNumber(node.props.maxLines), preserveLinebreaks: extractValue.asOptionalBoolean(node.props.preserveLinebreaks, false), ellipses: extractValue.asOptionalBoolean(node.props.ellipses, true), style: layoutCss, children: extractValue.asDisplayText(node.props.value) || renderChild(node.children) }));
+    const _b = node.props, { maxLines, preserveLinebreaks, ellipses } = _b, restProps = __rest(_b, ["maxLines", "preserveLinebreaks", "ellipses"]);
+    return ((0, jsx_runtime_1.jsx)(HeadingNative_1.Heading, Object.assign({ uid: node.uid, level: ((_a = extractValue.asOptionalString(level)) !== null && _a !== void 0 ? _a : "h1"), maxLines: extractValue.asOptionalNumber(maxLines), preserveLinebreaks: extractValue.asOptionalBoolean(preserveLinebreaks, false), ellipses: extractValue.asOptionalBoolean(ellipses, true), style: layoutCss }, (0, extractParam_1.resolveAndCleanProps)(restProps, extractValue, layoutCss), { children: extractValue.asDisplayText(node.props.value) || renderChild(node.children) })));
 }
 exports.headingComponentRenderer = (0, renderers_1.createComponentRenderer)(COMP, exports.HeadingMd, ({ node, extractValue, layoutCss, layoutNonCss, renderChild }) => {
     return renderHeading({

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

@@ -1,4 +1,15 @@
 "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 };
 };
@@ -6,30 +17,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_2 = require("react");
-const Heading_module_scss_1 = __importDefault(require("./Heading.module.scss"));
-const classnames_1 = __importDefault(require("@components-core/utils/classnames"));
-const css_utils_1 = require("@components-core/utils/css-utils");
-const TableOfContentsContext_1 = require("@components-core/TableOfContentsContext");
 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 HeadingLevelKeys = ["h1", "h2", "h3", "h4", "h5", "h6"];
-exports.Heading = (0, react_1.forwardRef)(function Heading({ uid, level = "h1", children, sx, style, title, maxLines = 0, preserveLinebreaks, ellipses = true, className, }, forwardedRef) {
+exports.Heading = (0, react_1.forwardRef)(function Heading(_a, forwardedRef) {
+    var { uid, level = "h1", children, sx, style, title, maxLines = 0, preserveLinebreaks, ellipses = true, className } = _a, furtherProps = __rest(_a, ["uid", "level", "children", "sx", "style", "title", "maxLines", "preserveLinebreaks", "ellipses", "className"]);
     const Element = level === null || level === void 0 ? void 0 : level.toLowerCase();
-    const elementRef = (0, react_2.useRef)(null);
-    const [anchorId, setAnchorId] = (0, react_2.useState)(null);
-    const anchorRef = (0, react_2.useRef)(null);
-    const tableOfContentsContext = (0, react_2.useContext)(TableOfContentsContext_1.TableOfContentsContext);
+    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 observeIntersection = tableOfContentsContext === null || tableOfContentsContext === void 0 ? void 0 : tableOfContentsContext.observeIntersection;
     const ref = forwardedRef ? (0, react_compose_refs_1.composeRefs)(elementRef, forwardedRef) : elementRef;
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         var _a, _b, _c, _d;
         if (observeIntersection && 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);
         }
     }, [observeIntersection]);
-    (0, react_2.useEffect)(() => {
+    (0, react_1.useEffect)(() => {
         if (observeIntersection && elementRef.current && anchorId) {
             return registerHeading === null || registerHeading === void 0 ? void 0 : registerHeading({
                 id: anchorId,
@@ -39,9 +50,9 @@ exports.Heading = (0, react_1.forwardRef)(function Heading({ uid, level = "h1",
             });
         }
     }, [anchorId, observeIntersection, registerHeading, level]);
-    return ((0, jsx_runtime_1.jsxs)(Element, { 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 || "", {
+    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ 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 && observeIntersection && ((0, jsx_runtime_1.jsx)("span", { ref: anchorRef, id: anchorId, style: { width: 0, height: 0 } })), children] }));
+        }) }, furtherProps, { children: [anchorId && observeIntersection && ((0, jsx_runtime_1.jsx)("span", { ref: anchorRef, id: anchorId, style: { width: 0, height: 0 } })), children] })));
 });

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

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hoverCardComponentRenderer = exports.HoverCardMd = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ComponentDefs_1 = require("@abstractions/ComponentDefs");
-const renderers_1 = require("@components-core/renderers");
+const ComponentDefs_1 = require("../../abstractions/ComponentDefs");
+const renderers_1 = require("../../components-core/renderers");
+const metadata_helpers_1 = require("../metadata-helpers");
 const HovercardNative_1 = require("./HovercardNative");
-const metadata_helpers_1 = require("@components/metadata-helpers");
 const COMP = "HoverCard";
 exports.HoverCardMd = (0, ComponentDefs_1.createMetadata)({
     status: "deprecated",

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

@@ -36,7 +36,7 @@ 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 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 }) })] }));