@uxf/cms 6.0.0-beta.8 → 10.0.0-beta.5

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

@@ -0,0 +1,48 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenuMobile = void 0;
+const react_1 = __importStar(require("react"));
+const forwardRef_1 = require("@uxf/core/utils/forwardRef");
+const use_sub_menu_1 = require("./use-sub-menu");
+const composeRefs_1 = require("@uxf/core/utils/composeRefs");
+const sub_menuItem_1 = require("./sub-menuItem");
+exports.SubMenuMobile = (0, forwardRef_1.forwardRef)("SubMenuMobile", ({ children, content, title }, ref) => {
+    const subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: true });
+    const stableRef = (0, react_1.useMemo)(() => (0, composeRefs_1.composeRefs)(ref, subMenu.refs.setReference, children.ref), [ref, subMenu.refs.setReference, children]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        (0, react_1.cloneElement)(children, subMenu.getReferenceProps({
+            ref: stableRef,
+            ...children.props,
+            "data-state": subMenu.open ? "open" : "closed",
+        })),
+        subMenu.open && (react_1.default.createElement("div", { ...subMenu.getFloatingProps({
+                className: "sidebar__scrollbar bg-sidebar-background rounded-xl overflow-y-auto z-dropdown w-[calc(100vw_-_32px)] shadow-lg left-4",
+                ref: subMenu.refs.setFloating,
+                style: subMenu.floatingStyles,
+            }) },
+            react_1.default.createElement("div", { className: "uxf-typo-body w-full bg-sidebar-background px-4 py-3.5 font-bold text-darkHigh" }, title),
+            content.map((item, index) => (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })))))));
+});

package/lib/menu/ui/sub-menu/sub-menu.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactElement } from "react";
+import { MenuItem as Model } from "../../model";
+export interface SubMenuProps {
+    children: ReactElement;
+    content: Model[];
+}
+export declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,46 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenu = void 0;
+const react_1 = __importStar(require("react"));
+const forwardRef_1 = require("@uxf/core/utils/forwardRef");
+const use_sub_menu_1 = require("./use-sub-menu");
+const composeRefs_1 = require("@uxf/core/utils/composeRefs");
+const sub_menuItem_1 = require("./sub-menuItem");
+exports.SubMenu = (0, forwardRef_1.forwardRef)("SubMenu", ({ children, content }, ref) => {
+    const subMenu = (0, use_sub_menu_1.useSubMenu)({ isMobile: false });
+    const stableRef = (0, react_1.useMemo)(() => (0, composeRefs_1.composeRefs)(ref, subMenu.refs.setReference, children.ref), [ref, subMenu.refs.setReference, children]);
+    return (react_1.default.createElement("div", { className: "hidden md:block" },
+        (0, react_1.cloneElement)(children, subMenu.getReferenceProps({
+            ref: stableRef,
+            ...children.props,
+            "data-state": subMenu.open ? "open" : "closed",
+        })),
+        subMenu.open && (react_1.default.createElement("div", { ...subMenu.getFloatingProps({
+                ref: subMenu.refs.setFloating,
+                style: subMenu.floatingStyles,
+                className: "sidebar__scrollbar bg-sidebar-highlight rounded-xl overflow-y-auto z-dropdown max-w-64 shadow-lg w-full",
+            }) }, content.map((item, index) => (react_1.default.createElement(sub_menuItem_1.SubMenuItem, { key: index, item: item })))))));
+});

package/lib/menu/ui/sub-menu/sub-menuItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../../model";
+export interface MenuItemProps {
+    idPrefix?: string;
+    item: Model;
+}
+export declare const SubMenuItem: FC<MenuItemProps>;

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SubMenuItem = void 0;
+const react_1 = __importDefault(require("react"));
+const config_1 = require("../../../../config");
+const link_1 = __importDefault(require("next/link"));
+const SubMenuItem = (props) => {
+    var _a;
+    // eslint-disable-next-line react/destructuring-assignment
+    const { item } = props;
+    const useLoggedUser = config_1.container.get("useLoggedUser");
+    const loggedUser = useLoggedUser();
+    if (!item.isVisible(loggedUser)) {
+        return null;
+    }
+    const Content = (react_1.default.createElement("div", { className: "hover:text-darkLight w-full bg-sidebar-highlight px-4 py-3.5 text-body text-darkMedium hover:bg-sidebar-background md:text-body2" }, item.title));
+    if (item.url || item.route) {
+        return (react_1.default.createElement(link_1.default, { href: (_a = item.url) !== null && _a !== void 0 ? _a : config_1.container.get("route")(item.route, item.routeParams), target: item.isExternal ? "_blank" : undefined, rel: item.isExternal ? "noreferrer noopener" : undefined }, Content));
+    }
+    return Content;
+};
+exports.SubMenuItem = SubMenuItem;

package/lib/menu/ui/sub-menu/use-sub-menu.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export interface SubMenuOptions {
+    isMobile?: boolean;
+}
+export declare function useSubMenu(options: SubMenuOptions): {
+    placement: import("@floating-ui/react").Placement;
+    strategy: import("@floating-ui/react").Strategy;
+    middlewareData: import("@floating-ui/react").MiddlewareData;
+    x: number;
+    y: number;
+    update: () => void;
+    context: {
+        x: number;
+        y: number;
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        update: () => void;
+        isPositioned: boolean;
+        floatingStyles: import("react").CSSProperties;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+    refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+    elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    isPositioned: boolean;
+    floatingStyles: import("react").CSSProperties;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getItemProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};

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

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSubMenu = void 0;
+const react_1 = require("react");
+const react_2 = require("@floating-ui/react");
+function useSubMenu(options) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const data = (0, react_2.useFloating)({
+        middleware: [
+            (0, react_2.offset)(options.isMobile ? 24 : 16),
+            (0, react_2.flip)(),
+            (0, react_2.shift)({ padding: 8 }),
+            (0, react_2.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_2.autoUpdate)(reference, floating, update, {
+            elementResize: typeof ResizeObserver !== "undefined",
+        }),
+    });
+    const context = data.context;
+    const hover = (0, react_2.useHover)(context, {
+        move: false,
+        delay: 200,
+        handleClose: (0, react_2.safePolygon)(),
+        enabled: !options.isMobile,
+    });
+    const click = (0, react_2.useClick)(context, { enabled: !!options.isMobile });
+    const focus = (0, react_2.useFocus)(context);
+    const dismiss = (0, react_2.useDismiss)(context);
+    const interactions = (0, react_2.useInteractions)([hover, click, focus, dismiss]);
+    return (0, react_1.useMemo)(() => ({
+        open,
+        setOpen,
+        ...interactions,
+        ...data,
+    }), [open, setOpen, interactions, data]);
+}
+exports.useSubMenu = useSubMenu;

package/lib/menu/ui/user-menu.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { MenuItem as Model } from "../model";
+export interface UserMenuProps {
+    menu: Model[];
+}
+export declare const UserMenu: FC<UserMenuProps>;

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

@@ -0,0 +1,51 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserMenu = void 0;
+const react_1 = __importStar(require("react"));
+const avatar_1 = require("@uxf/ui/avatar");
+const icon_1 = require("@uxf/ui/icon");
+const list_item_1 = require("./list-item");
+const Component = (props) => {
+    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: "hidden border-t border-t-darkLow/10 p-3 pr-5 text-darkMedium md:block" },
+        react_1.default.createElement("button", { className: "flex w-full items-center text-left", onClick: toggle },
+            react_1.default.createElement(avatar_1.Avatar, { className: "mr-3 shrink-0", src: props.avatar }),
+            react_1.default.createElement("div", { className: "truncate" },
+                react_1.default.createElement("div", { className: "uxf-typo-body2 mb-1" }, props.name),
+                react_1.default.createElement("div", { className: "uxf-typo-caption truncate text-darkLow" }, props.roles)),
+            react_1.default.createElement("div", { className: "ml-auto" }, hasSubmenu && (react_1.default.createElement(icon_1.Icon, { name: "caretDown", size: 16, className: `ml-2 ${!isSubmenuOpen ? "-rotate-90" : ""}` })))),
+        isSubmenuOpen && (react_1.default.createElement("div", { className: "mt-4" }, props.submenu.map((item, index) => (react_1.default.createElement(list_item_1.ListItem, { label: item.title, route: item.route, params: item.routeParams, icon: item.icon, key: index })))))));
+};
+const UserMenu = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    // eslint-disable-next-line react/destructuring-assignment
+    const { menu } = props;
+    const userMenu = menu.find((item) => !!item.userMenuData);
+    return (react_1.default.createElement(Component, { submenu: (_a = userMenu === null || userMenu === void 0 ? void 0 : userMenu.children) !== null && _a !== void 0 ? _a : [], 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 : "Uživatel", 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 : "nepřihlášený", avatar: (_f = userMenu === null || userMenu === void 0 ? void 0 : userMenu.userMenuData) === null || _f === void 0 ? void 0 : _f.avatar }));
+};
+exports.UserMenu = UserMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "6.0.0-beta.8",
+  "version": "10.0.0-beta.5",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -19,103 +19,82 @@
     "url": "https://gitlab.com/uxf-npm/cms/issues"
   },
   "scripts": {
-    "lint": "./node_modules/.bin/eslint -c .eslintrc.js \"./**/*.ts*\"",
-    "typecheck": "./node_modules/.bin/tsc --noEmit --skipLibCheck",
-    "check": "npm run lint && npm run typecheck",
-    "dev": "node dev-server.js",
-    "build": "./node_modules/.bin/tsc -P tsconfig.build.json",
-    "check:icons": "icons-check",
-    "gen:icons": "icons-gen"
+    "build": "tsc -P tsconfig.json",
+    "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@uxf/form": "^1.0.0-beta.99",
-    "@uxf/ui": "^1.0.0-beta.99",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
+    "@floating-ui/react": "0.24.2",
     "es6-error": "^4.1.1",
-    "path-to-regexp": "^6.1.0",
-    "react-hook-form": "^7.41.5",
+    "path-to-regexp": "^6.2.1",
+    "react-hook-form": "7.44.3",
     "react-redux": "^7.2.5",
     "redux": "^4.1.1"
   },
   "devDependencies": {
-    "@emotion/react": "^11.4.1",
-    "@emotion/server": "^11.4.0",
-    "@emotion/styled": "^11.3.0",
-    "@mui/icons-material": "^5.0.1",
-    "@mui/material": "^5.0.2",
-    "@mui/styles": "^5.0.1",
-    "@mui/x-date-pickers": "^5.0.0-alpha.1",
-    "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.2",
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@types/express-http-proxy": "^1.6.2",
-    "@types/node": "^16.7.10",
+    "@next/font": "^13.4.4",
+    "@types/express-http-proxy": "^1.6.3",
+    "@types/node": "^18.11.18",
     "@types/qs": "^6.9.7",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
-    "@typescript-eslint/eslint-plugin": "^5.11.0",
-    "@uxf/core": "^4.3.0",
-    "@uxf/data-grid": "^4.0.0",
-    "@uxf/eslint-config": "^1.2.3",
+    "@types/react": "18.2.6",
+    "@types/react-dom": "18.2.4",
+    "@uxf/core": "^4.5.1",
+    "@uxf/data-grid": "10.0.0-beta.4",
+    "@uxf/eslint-config": "^1.3.0",
+    "@uxf/form": "10.0.0-beta.4",
     "@uxf/icons-generator": "^1.3.0",
-    "@uxf/router": "^3.0.0-beta.3",
-    "@uxf/wysiwyg": "^1.1.2",
-    "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
-    "autoprefixer": "^10.4.7",
-    "axios": "^0.21.1",
-    "axios-hooks": "^2.7.0",
+    "@uxf/router": "10.0.0-beta.3",
+    "@uxf/ui": "10.0.0-beta.4",
+    "@uxf/wysiwyg": "2.0.0-beta.28",
+    "autoprefixer": "^10.4.14",
+    "axios": "^1.4.0",
+    "axios-hooks": "^4.0.0",
+    "concurrently": "^8.1.0",
     "coordinate-parser": "^1.0.7",
     "dayjs": "^1.11.7",
-    "eslint": "^8.8.0",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "express": "^4.17.1",
-    "express-http-proxy": "^1.6.2",
-    "final-form": "^4.20.2",
-    "final-form-arrays": "^3.0.2",
-    "final-form-calculate": "^1.3.2",
-    "http-proxy-middleware": "^2.0.1",
-    "next": "^12.3.4",
+    "eslint": "^8.41.0",
+    "eslint-plugin-tailwindcss": "3.12.1",
+    "express": "^4.18.2",
+    "express-http-proxy": "^1.6.3",
+    "http-proxy-middleware": "^2.0.6",
+    "next": "^13.4.4",
     "path": "^0.12.7",
-    "postcss": "^8.4.14",
-    "postcss-focus-visible": "^7.1.0",
+    "postcss": "^8.4.24",
+    "postcss-focus-visible": "^8.0.2",
     "postcss-import": "^15.1.0",
     "postcss-pxtorem": "^6.0.0",
-    "prettier": "^2.4.1",
-    "qs": "^6.10.1",
+    "postcss-syntax": "^0.36.2",
+    "prettier": "^2.8.8",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "qs": "^6.11.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-dropzone": "^14.2.2",
-    "react-final-form": "^6.5.7",
-    "react-final-form-arrays": "^3.1.3",
     "redux-devtools-extension": "^2.13.9",
-    "tailwindcss": "^3.1.5",
-    "ts-node": "^10.2.1",
-    "typescript": "^4.4.3"
+    "stylelint": "^15.6.2",
+    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-tailwindcss": "^0.0.7",
+    "stylelint-use-nesting": "^4.1.0",
+    "tailwindcss": "^3.3.2",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.0.4"
   },
   "peerDependencies": {
-    "@mui/icons-material": "^5.0.0",
-    "@mui/material": "^5.0.0",
-    "@mui/x-date-pickers": "^5.0.0-alpha.1",
-    "@uxf/core": ">= 4.3.0",
-    "@uxf/data-grid": "^4.0.0",
-    "@uxf/wysiwyg": "^1.1.2",
-    "@uxf/wysiwyg-mui5-plugins": "^1.0.1",
-    "axios": "^0.21.0",
-    "axios-hooks": "^2.2.0",
+    "@uxf/core": ">= 4.5.1",
+    "@uxf/data-grid": "10.0.0-beta.5",
+    "@uxf/form": "10.0.0-beta.5",
+    "@uxf/ui": "10.0.0-beta.5",
+    "@uxf/wysiwyg": "2.0.0-beta.28",
+    "axios": "^1.4.0",
+    "axios-hooks": "^4.0.0",
     "dayjs": "^1.11.7",
-    "final-form": "^4.20.1",
-    "final-form-arrays": "^3.0",
-    "final-form-calculate": "^1.3.2",
     "react": ">= 18.2.0",
     "react-dom": ">= 18.2.0",
-    "react-dropzone": "^14.2.2",
-    "react-final-form": "^6.5.1",
-    "react-final-form-arrays": "^3.1.3"
+    "react-dropzone": "^14.2.3"
   },
   "volta": {
     "node": "18.5.0",
-    "yarn": "1.22.19"
+    "npm": "8.12.1"
   }
-}
+}

package/pages/{ChangePasswordPage/ChangePasswordPage.d.ts → change-password-page/change-password-page.d.ts}

@@ -1,2 +1,2 @@
 import { ChangePasswordPageConfig } from "./types";
-export declare const ChangePasswordPage: (config: ChangePasswordPageConfig) => import("next").NextComponentType<import("../../deprecated/types/App").IAppContext, object, object>;
+export declare const ChangePasswordPage: (config: ChangePasswordPageConfig) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

package/pages/change-password-page/change-password-page.js

@@ -0,0 +1,55 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasswordPage = void 0;
+const react_1 = __importStar(require("react"));
+const config_1 = require("../../config");
+const change_password_form_1 = require("../../forms/change-password-form");
+const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
+const INITIAL_VALUES = {
+    originalPassword: "",
+    newPassword: "",
+    newPasswordAgain: "",
+};
+const ChangePasswordPage = (config) => {
+    const Component = () => {
+        var _a, _b;
+        const onSubmit = (0, react_1.useCallback)(async (values) => {
+            try {
+                await config.onSubmit(values);
+            }
+            catch (e) {
+                config_1.container.get("service.error").handleError(e);
+            }
+        }, []);
+        const Layout = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : react_1.default.createElement("div", null);
+        const Content = (react_1.default.createElement(change_password_form_1.ChangePasswordForm, { defaultValues: INITIAL_VALUES, onSubmit: onSubmit, passwordRules: config.passwordRules }));
+        return (0, react_1.cloneElement)(Layout, {
+            children: Content,
+        });
+    };
+    return (0, with_authenticate_1.withAuthenticate)({})(Component);
+};
+exports.ChangePasswordPage = ChangePasswordPage;

package/pages/change-password-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./change-password-page";
+export * from "./types";

package/pages/change-password-page/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./change-password-page"), exports);
+__exportStar(require("./types"), exports);

package/pages/change-password-page/types.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from "react";
+import { ChangePasswordFormData } from "../../forms/change-password-form";
+import { UseControllerProps } from "react-hook-form";
+export interface ChangePasswordPageConfig {
+    onSubmit: (values: ChangePasswordFormData) => Promise<void>;
+    ui?: {
+        Layout?: ReactElement;
+    };
+    passwordRules?: UseControllerProps<ChangePasswordFormData>["rules"];
+}

package/pages/change-password-page/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/pages/content-builder/components/form-content.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import { ContentComponent, ContentProps } from "../types";
+import { Control } from "react-hook-form";
+interface FormSectionProps extends Omit<ContentProps, "TypeInputProps"> {
+    contentComponents: ContentComponent<any>[];
+    control: Control<any>;
+    id: string;
+    createSection: (component: ContentComponent<any>, index: number) => void;
+    showAddButton?: boolean;
+}
+export declare const FormContent: FC<FormSectionProps>;
+export {};

package/pages/content-builder/components/form-content.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContent = void 0;
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const sortable_1 = require("@dnd-kit/sortable");
+const utilities_1 = require("@dnd-kit/utilities");
+const paper_1 = require("@uxf/ui/paper/paper");
+const button_1 = require("@uxf/ui/button");
+const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const icon_1 = require("@uxf/ui/icon");
+const getSection = (sections, type) => {
+    return sections.find((s) => s.getConfig().type === type);
+};
+const AddSectionButton = (props) => {
+    return (react_1.default.createElement("div", { className: "mt-4 flex justify-center" },
+        react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
+                children: (react_1.default.createElement("div", { className: "px-4 py-6" },
+                    react_1.default.createElement("h2", { className: "uxf-typo-h5 mb-4" }, "P\u0159idat sekci"),
+                    react_1.default.createElement("div", { className: "space-y-4" }, props.contentComponents.map((component) => (react_1.default.createElement(button_1.Button, { key: component.getConfig().type, isFullWidth: true, variant: "white", onClick: () => props.createSection(component, props.index) }, component.getConfig().label)))))),
+                width: "sm",
+            }), variant: "white", size: "sm" }, "P\u0159idat sekci")));
+};
+const FormContent = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { contentComponents, onRemove, name, index, control, id, createSection, showAddButton = true } = props;
+    const { field } = (0, react_hook_form_1.useController)({ control: control, name: `${name}.type` });
+    const SectionContent = getSection(contentComponents, field.value);
+    const { attributes, listeners, isDragging, transform, transition, setNodeRef } = (0, sortable_1.useSortable)({
+        id,
+    });
+    const style = {
+        opacity: isDragging ? 0.4 : undefined,
+        transform: utilities_1.CSS.Translate.toString(transform),
+        transition,
+    };
+    if (SectionContent) {
+        return (react_1.default.createElement("div", { style: style, ref: setNodeRef, className: "relative" },
+            react_1.default.createElement("button", { type: "button", ...attributes, ...listeners, className: "absolute -left-7 top-6" },
+                react_1.default.createElement(icon_1.Icon, { size: 20, name: "grip-dots-vertical" })),
+            react_1.default.createElement(paper_1.Paper, { className: "dark:bg-gray-800" },
+                react_1.default.createElement(SectionContent, { control: control, id: id, index: index, name: `${name}.content`, onRemove: onRemove, title: SectionContent.getConfig().label, TypeInputProps: {
+                        ...field,
+                        options: contentComponents.map((s) => ({
+                            id: s.getConfig().type,
+                            label: s.getConfig().label,
+                        })),
+                    } })),
+            showAddButton && (react_1.default.createElement(AddSectionButton, { contentComponents: contentComponents, createSection: createSection, index: index }))));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(paper_1.Paper, { className: "grid grid-cols-[34px_1fr_34px] p-4 dark:bg-gray-800" },
+            react_1.default.createElement("div", null),
+            react_1.default.createElement("div", { className: "flex grow items-center justify-center" },
+                react_1.default.createElement("p", { className: "font-bold text-error" }, "Nepodporovan\u00E1 sekce")),
+            react_1.default.createElement(button_1.Button, { variant: "white", size: "sm", isIconButton: true, onClick: onRemove },
+                react_1.default.createElement(icon_1.Icon, { name: "delete" }))),
+        react_1.default.createElement(AddSectionButton, { contentComponents: contentComponents, createSection: createSection, index: index })));
+};
+exports.FormContent = FormContent;