@uxf/cms 13.0.3 → 14.1.0

package/lib/menu/ui/sub-menu/use-sub-menu.js

@@ -1,45 +1,148 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSubMenu = useSubMenu;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = require("@floating-ui/react");
 const react_2 = require("react");
 function useSubMenu(options) {
+    const $ = (0, compiler_runtime_1.c)(25);
     const [open, setOpen] = (0, react_2.useState)(false);
-    const data = (0, react_1.useFloating)({
-        middleware: [
-            (0, react_1.offset)(options.isMobile ? 12 : 16),
-            (0, react_1.flip)(),
-            (0, react_1.shift)({ padding: 8 }),
-            (0, react_1.size)({
-                apply({ availableHeight, elements }) {
-                    Object.assign(elements.floating.style, {
-                        maxHeight: Math.max(240, availableHeight) + "px",
-                    });
-                },
-            }),
-        ],
-        onOpenChange: setOpen,
-        open,
-        placement: options.isMobile ? "top" : "right-start",
-        whileElementsMounted: (reference, floating, update) => (0, react_1.autoUpdate)(reference, floating, update, {
-            elementResize: typeof ResizeObserver !== "undefined",
-        }),
-    });
+    const t0 = options.isMobile ? 12 : 16;
+    let t1;
+    if ($[0] !== t0) {
+        t1 = (0, react_1.offset)(t0);
+        $[0] = t0;
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    let t2;
+    let t3;
+    let t4;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = (0, react_1.flip)();
+        t3 = (0, react_1.shift)({
+            padding: 8
+        });
+        t4 = (0, react_1.size)({
+            apply(t5) {
+                const { availableHeight, elements } = t5;
+                Object.assign(elements.floating.style, {
+                    maxHeight: Math.max(240, availableHeight) + "px"
+                });
+            }
+        });
+        $[2] = t2;
+        $[3] = t3;
+        $[4] = t4;
+    }
+    else {
+        t2 = $[2];
+        t3 = $[3];
+        t4 = $[4];
+    }
+    let t5;
+    if ($[5] !== t1) {
+        t5 = [t1, t2, t3, t4];
+        $[5] = t1;
+        $[6] = t5;
+    }
+    else {
+        t5 = $[6];
+    }
+    const t6 = options.isMobile ? "top" : "right-start";
+    let t7;
+    if ($[7] !== open || $[8] !== t5 || $[9] !== t6) {
+        t7 = {
+            middleware: t5,
+            onOpenChange: setOpen,
+            open,
+            placement: t6,
+            whileElementsMounted: _temp
+        };
+        $[7] = open;
+        $[8] = t5;
+        $[9] = t6;
+        $[10] = t7;
+    }
+    else {
+        t7 = $[10];
+    }
+    const data = (0, react_1.useFloating)(t7);
     const context = data.context;
-    const hover = (0, react_1.useHover)(context, {
-        move: false,
-        delay: 200,
-        handleClose: (0, react_1.safePolygon)(),
-        enabled: !options.isMobile,
-    });
-    const click = (0, react_1.useClick)(context, { enabled: Boolean(options.isMobile) });
+    let t8;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = (0, react_1.safePolygon)();
+        $[11] = t8;
+    }
+    else {
+        t8 = $[11];
+    }
+    const t9 = !options.isMobile;
+    let t10;
+    if ($[12] !== t9) {
+        t10 = {
+            move: false,
+            delay: 200,
+            handleClose: t8,
+            enabled: t9
+        };
+        $[12] = t9;
+        $[13] = t10;
+    }
+    else {
+        t10 = $[13];
+    }
+    const hover = (0, react_1.useHover)(context, t10);
+    const t11 = Boolean(options.isMobile);
+    let t12;
+    if ($[14] !== t11) {
+        t12 = {
+            enabled: t11
+        };
+        $[14] = t11;
+        $[15] = t12;
+    }
+    else {
+        t12 = $[15];
+    }
+    const click = (0, react_1.useClick)(context, t12);
     const focus = (0, react_1.useFocus)(context);
     const dismiss = (0, react_1.useDismiss)(context);
-    const interactions = (0, react_1.useInteractions)([hover, click, focus, dismiss]);
-    return (0, react_2.useMemo)(() => ({
-        open,
-        setOpen,
-        ...interactions,
-        ...data,
-    }), [open, setOpen, interactions, data]);
+    let t13;
+    if ($[16] !== click || $[17] !== dismiss || $[18] !== focus || $[19] !== hover) {
+        t13 = [hover, click, focus, dismiss];
+        $[16] = click;
+        $[17] = dismiss;
+        $[18] = focus;
+        $[19] = hover;
+        $[20] = t13;
+    }
+    else {
+        t13 = $[20];
+    }
+    const interactions = (0, react_1.useInteractions)(t13);
+    let t14;
+    if ($[21] !== data || $[22] !== interactions || $[23] !== open) {
+        t14 = {
+            open,
+            setOpen,
+            ...interactions,
+            ...data
+        };
+        $[21] = data;
+        $[22] = interactions;
+        $[23] = open;
+        $[24] = t14;
+    }
+    else {
+        t14 = $[24];
+    }
+    return t14;
+}
+function _temp(reference, floating, update) {
+    return (0, react_1.autoUpdate)(reference, floating, update, {
+        elementResize: typeof ResizeObserver !== "undefined"
+    });
 }

package/lib/menu/ui/user-menu.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserMenu = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const classes_1 = require("@uxf/core/constants/classes");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
@@ -43,23 +44,186 @@ const react_1 = __importStar(require("react"));
 const avatar_1 = require("../../../ui/avatar");
 const get_avatar_user_letters_1 = require("../../../ui/avatar/get-avatar-user-letters");
 const list_item_1 = require("./list-item");
-const Component = (props) => {
+const Component = props => {
+    const $ = (0, compiler_runtime_1.c)(31);
     const [isSubmenuOpen, setIsSubmenuOpen] = (0, react_1.useState)(false);
     const hasSubmenu = props.submenu.length > 0;
-    const toggle = hasSubmenu ? () => setIsSubmenuOpen((prev) => !prev) : undefined;
-    return (react_1.default.createElement("div", { className: `uxf-cms-user-menu ${isSubmenuOpen ? classes_1.CLASSES.IS_OPEN : ""}` },
-        react_1.default.createElement("button", { className: "uxf-cms-user-menu__button", onClick: toggle },
-            react_1.default.createElement(avatar_1.Avatar, { className: "uxf-cms-user-menu__avatar", letters: (0, get_avatar_user_letters_1.getAvatarUserLetters)(props.name), size: "sm", src: props.avatar, variant: "rounded" }),
-            react_1.default.createElement("div", { className: "uxf-cms-user-menu__label-wrapper" },
-                react_1.default.createElement("div", { className: "uxf-cms-user-menu__name", "data-testid": "cms-user-menu-name" }, props.name),
-                react_1.default.createElement("div", { className: "uxf-cms-user-menu__roles" }, props.roles)),
-            react_1.default.createElement("div", { className: "uxf-cms-user-menu__caret-wrapper" }, hasSubmenu && (react_1.default.createElement(icon_1.Icon, { className: `uxf-cms-user-menu__caret ${!isSubmenuOpen ? classes_1.CLASSES.IS_OPEN : ""}`, name: "caretDown", size: 16 })))),
-        isSubmenuOpen && (react_1.default.createElement("div", { className: "uxf-cms-user-menu__sub-menu" }, props.submenu.map((item, index) => (react_1.default.createElement(list_item_1.ListItem, { endElement: item.endElement, href: item.url, icon: item.icon, key: index, label: item.title, params: item.routeParams, route: item.route })))))));
+    let t0;
+    if ($[0] !== hasSubmenu) {
+        t0 = hasSubmenu ? () => setIsSubmenuOpen(_temp) : undefined;
+        $[0] = hasSubmenu;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const toggle = t0;
+    const t1 = `uxf-cms-user-menu ${isSubmenuOpen ? classes_1.CLASSES.IS_OPEN : ""}`;
+    let t2;
+    if ($[2] !== props.name) {
+        t2 = (0, get_avatar_user_letters_1.getAvatarUserLetters)(props.name);
+        $[2] = props.name;
+        $[3] = t2;
+    }
+    else {
+        t2 = $[3];
+    }
+    let t3;
+    if ($[4] !== props.avatar || $[5] !== t2) {
+        t3 = react_1.default.createElement(avatar_1.Avatar, { className: "uxf-cms-user-menu__avatar", letters: t2, size: "sm", src: props.avatar, variant: "rounded" });
+        $[4] = props.avatar;
+        $[5] = t2;
+        $[6] = t3;
+    }
+    else {
+        t3 = $[6];
+    }
+    let t4;
+    if ($[7] !== props.name) {
+        t4 = react_1.default.createElement("div", { className: "uxf-cms-user-menu__name", "data-testid": "cms-user-menu-name" }, props.name);
+        $[7] = props.name;
+        $[8] = t4;
+    }
+    else {
+        t4 = $[8];
+    }
+    let t5;
+    if ($[9] !== props.roles) {
+        t5 = react_1.default.createElement("div", { className: "uxf-cms-user-menu__roles" }, props.roles);
+        $[9] = props.roles;
+        $[10] = t5;
+    }
+    else {
+        t5 = $[10];
+    }
+    let t6;
+    if ($[11] !== t4 || $[12] !== t5) {
+        t6 = react_1.default.createElement("div", { className: "uxf-cms-user-menu__label-wrapper" },
+            t4,
+            t5);
+        $[11] = t4;
+        $[12] = t5;
+        $[13] = t6;
+    }
+    else {
+        t6 = $[13];
+    }
+    let t7;
+    if ($[14] !== hasSubmenu || $[15] !== isSubmenuOpen) {
+        t7 = hasSubmenu && react_1.default.createElement(icon_1.Icon, { className: `uxf-cms-user-menu__caret ${!isSubmenuOpen ? classes_1.CLASSES.IS_OPEN : ""}`, name: "caretDown", size: 16 });
+        $[14] = hasSubmenu;
+        $[15] = isSubmenuOpen;
+        $[16] = t7;
+    }
+    else {
+        t7 = $[16];
+    }
+    let t8;
+    if ($[17] !== t7) {
+        t8 = react_1.default.createElement("div", { className: "uxf-cms-user-menu__caret-wrapper" }, t7);
+        $[17] = t7;
+        $[18] = t8;
+    }
+    else {
+        t8 = $[18];
+    }
+    let t9;
+    if ($[19] !== t3 || $[20] !== t6 || $[21] !== t8 || $[22] !== toggle) {
+        t9 = react_1.default.createElement("button", { className: "uxf-cms-user-menu__button", onClick: toggle },
+            t3,
+            t6,
+            t8);
+        $[19] = t3;
+        $[20] = t6;
+        $[21] = t8;
+        $[22] = toggle;
+        $[23] = t9;
+    }
+    else {
+        t9 = $[23];
+    }
+    let t10;
+    if ($[24] !== isSubmenuOpen || $[25] !== props.submenu) {
+        t10 = isSubmenuOpen && react_1.default.createElement("div", { className: "uxf-cms-user-menu__sub-menu" }, props.submenu.map(_temp2));
+        $[24] = isSubmenuOpen;
+        $[25] = props.submenu;
+        $[26] = t10;
+    }
+    else {
+        t10 = $[26];
+    }
+    let t11;
+    if ($[27] !== t1 || $[28] !== t10 || $[29] !== t9) {
+        t11 = react_1.default.createElement("div", { className: t1 },
+            t9,
+            t10);
+        $[27] = t1;
+        $[28] = t10;
+        $[29] = t9;
+        $[30] = t11;
+    }
+    else {
+        t11 = $[30];
+    }
+    return t11;
 };
-const UserMenu = (props) => {
-    var _a, _b, _c, _d, _e, _f;
-    const userMenu = props.menu.find((item) => (0, is_not_nil_1.isNotNil)(item.userMenuData));
+const UserMenu = props => {
+    var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l;
+    const $ = (0, compiler_runtime_1.c)(13);
+    let t0;
+    if ($[0] !== props.menu) {
+        t0 = props.menu.find(_temp3);
+        $[0] = props.menu;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const userMenu = t0;
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement(Component, { avatar: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _a === void 0 ? void 0 : _a.avatar, name: (_c = (_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : t("uxf-cms-user-menu:default-user"), roles: (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.roles) !== null && _e !== void 0 ? _e : t("uxf-cms-user-menu:not-logged-in"), submenu: (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _f !== void 0 ? _f : empty_array_1.EMPTY_ARRAY }));
+    const t1 = (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _a === void 0 ? void 0 : _a.avatar;
+    let t2;
+    if ($[2] !== t || $[3] !== ((_b = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _b === void 0 ? void 0 : _b.name)) {
+        t2 = (_e = (_d = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : t("uxf-cms-user-menu:default-user");
+        $[2] = t;
+        $[3] = (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _f === void 0 ? void 0 : _f.name;
+        $[4] = t2;
+    }
+    else {
+        t2 = $[4];
+    }
+    let t3;
+    if ($[5] !== t || $[6] !== ((_g = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _g === void 0 ? void 0 : _g.roles)) {
+        t3 = (_j = (_h = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _h === void 0 ? void 0 : _h.roles) !== null && _j !== void 0 ? _j : t("uxf-cms-user-menu:not-logged-in");
+        $[5] = t;
+        $[6] = (_k = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _k === void 0 ? void 0 : _k.roles;
+        $[7] = t3;
+    }
+    else {
+        t3 = $[7];
+    }
+    const t4 = (_l = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _l !== void 0 ? _l : empty_array_1.EMPTY_ARRAY;
+    let t5;
+    if ($[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+        t5 = react_1.default.createElement(Component, { avatar: t1, name: t2, roles: t3, submenu: t4 });
+        $[8] = t1;
+        $[9] = t2;
+        $[10] = t3;
+        $[11] = t4;
+        $[12] = t5;
+    }
+    else {
+        t5 = $[12];
+    }
+    return t5;
 };
 exports.UserMenu = UserMenu;
+function _temp(prev) {
+    return !prev;
+}
+function _temp2(item, index) {
+    return react_1.default.createElement(list_item_1.ListItem, { endElement: item.endElement, href: item.url, icon: item.icon, key: index, label: item.title, params: item.routeParams, route: item.route });
+}
+function _temp3(item) {
+    return (0, is_not_nil_1.isNotNil)(item.userMenuData);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/cms",
-    "version": "13.0.3",
+    "version": "14.1.0",
     "description": "UXF Cms",
     "author": "UXFans <dev@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -19,7 +19,7 @@
         "url": "https://gitlab.com/uxf-npm/cms/issues"
     },
     "scripts": {
-        "build": "tsc -P tsconfig.json",
+        "build": "tsc -P tsconfig.json && node ../../scripts/build-react-package.mjs",
         "tw-tokens:check": "tsx ../ui/scripts/generate-tw-tokens.js --mode=\"check\" --twConfig=\"./utils/tailwind.config.js\" --outputPath=\"./ui/tw-tokens/\"",
         "tw-tokens:gen": "tsx ../ui/scripts/generate-tw-tokens.js --twConfig=\"./utils/tailwind.config.js\" --outputPath=\"./ui/tw-tokens/\"",
         "typecheck": "tsc --noEmit"
@@ -29,18 +29,18 @@
     },
     "peerDependencies": {
         "@floating-ui/react": "^0.27.20",
-        "@uxf/core": "13.0.0",
-        "@uxf/core-react": "13.0.3",
-        "@uxf/data-grid": "13.0.3",
-        "@uxf/dnd": "13.0.2",
-        "@uxf/form": "13.0.3",
-        "@uxf/router": "13.0.0",
-        "@uxf/styles": "13.0.0",
-        "@uxf/ui": "13.0.3",
-        "@uxf/wysiwyg": "13.0.3",
+        "@uxf/core": "14.1.0",
+        "@uxf/core-react": "14.1.0",
+        "@uxf/data-grid": "14.1.0",
+        "@uxf/dnd": "14.1.0",
+        "@uxf/form": "14.1.0",
+        "@uxf/router": "14.1.0",
+        "@uxf/styles": "14.1.0",
+        "@uxf/ui": "14.1.0",
+        "@uxf/wysiwyg": "14.1.0",
         "axios": "^1.20.0",
         "axios-hooks": "^5.1.1",
-        "next": ">=15.0.4",
+        "next": ">=16.0.0",
         "react": "^19.3.0",
         "react-dom": "^19.3.0",
         "react-hook-form": "^7.89.0",
@@ -51,15 +51,15 @@
         "@types/node": "24",
         "@types/react": "19.3.0",
         "@types/react-dom": "19.3.0",
-        "@uxf/core": "13.0.0",
-        "@uxf/core-react": "13.0.3",
-        "@uxf/data-grid": "13.0.3",
-        "@uxf/dnd": "13.0.2",
-        "@uxf/form": "13.0.3",
-        "@uxf/router": "13.0.0",
-        "@uxf/styles": "13.0.0",
-        "@uxf/ui": "13.0.3",
-        "@uxf/wysiwyg": "13.0.3",
+        "@uxf/core": "14.1.0",
+        "@uxf/core-react": "14.1.0",
+        "@uxf/data-grid": "14.1.0",
+        "@uxf/dnd": "14.1.0",
+        "@uxf/form": "14.1.0",
+        "@uxf/router": "14.1.0",
+        "@uxf/styles": "14.1.0",
+        "@uxf/ui": "14.1.0",
+        "@uxf/wysiwyg": "14.1.0",
         "axios": "^1.20.0",
         "axios-hooks": "^5.1.1",
         "next": "16.3.8",