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

package/pages/{InviteUserPage → invite-user-page}/types.d.ts

@@ -1,9 +1,11 @@
 import { ReactElement } from "react";
-import { InviteUserFormData } from "../../forms/InviteUserForm";
+import { InviteUserFormData } from "../../forms/invite-user-form";
+import { MultiComboboxOption } from "@uxf/ui/multi-combobox";
 export interface InviteUserPageConfig {
     allowedRoles?: string[];
     onSubmit: (values: InviteUserFormData) => Promise<void>;
     ui?: {
         Layout?: ReactElement;
     };
+    onLoadRoles: (term: string) => Promise<MultiComboboxOption[]>;
 }

package/pages/invite-user-page/types.js

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

package/pages/login-page/index.d.ts

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

package/pages/login-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("./login-page"), exports);
+__exportStar(require("./types"), exports);

package/pages/login-page/login-page.js

@@ -0,0 +1,80 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginPage = void 0;
+const react_1 = __importStar(require("react"));
+const api_1 = require("../../api");
+const config_1 = require("../../config");
+const login_form_1 = require("../../forms/login-form");
+const login_layout_1 = require("../../lib/login-layout");
+const router_1 = __importDefault(require("next/router"));
+const INITIAL_VALUES = {
+    username: "",
+    password: "",
+};
+const LoginPage = (config) => {
+    const Component = (props) => {
+        var _a, _b;
+        const onLogin = (0, react_1.useCallback)(async (values) => {
+            try {
+                const response = await (0, api_1.login)(null, values).then((r) => r.data);
+                await config.onLoginDone(response, props.redirectUrl);
+            }
+            catch (e) {
+                config_1.container.get("service.error").handleError(e);
+            }
+        }, [props.redirectUrl]);
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { hideTitle: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.hideTitle, Logo: (_b = config.ui) === null || _b === void 0 ? void 0 : _b.Logo, pageTitle: config.pageTitle, title: config.title, subTitle: config.subTitle },
+            react_1.default.createElement(login_form_1.LoginForm, { defaultValues: INITIAL_VALUES, onForgottenPassword: config.onForgottenPassword, onSubmit: onLogin })));
+    };
+    Component.getInitialProps = async (ctx) => {
+        const query = ctx.query;
+        if (config.loggedUserRedirectUrl) {
+            try {
+                await (0, api_1.getLoggedUser)(ctx);
+                if (typeof window === "undefined") {
+                    if (ctx.res && !ctx.res.headersSent) {
+                        ctx.res.writeHead(302, { Location: config.loggedUserRedirectUrl });
+                        ctx.res.end();
+                    }
+                }
+                else {
+                    await router_1.default.push(config.loggedUserRedirectUrl);
+                }
+            }
+            catch (e) {
+                // do nothing
+            }
+        }
+        return {
+            redirectUrl: query.redirect,
+        };
+    };
+    return Component;
+};
+exports.LoginPage = LoginPage;

package/pages/login-page/types.js

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

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

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

package/pages/renew-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("./renew-password-page"), exports);
+__exportStar(require("./types"), exports);

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

@@ -0,0 +1,53 @@
+"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.RenewPasswordPage = void 0;
+const router_1 = require("@uxf/router");
+const react_1 = __importStar(require("react"));
+const renew_password_form_1 = require("../../forms/renew-password-form");
+const login_layout_1 = require("../../lib/login-layout");
+const INITIAL_VALUES = {
+    password: "",
+    passwordAgain: "",
+};
+const RenewPasswordPage = (config) => {
+    const Component = (props) => {
+        var _a;
+        const onSubmit = (0, react_1.useCallback)(async (values) => {
+            await config.onSubmit(props.token, values);
+        }, [props.token]);
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { title: config.title, pageTitle: config.pageTitle, Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo },
+            react_1.default.createElement(renew_password_form_1.RenewPasswordForm, { defaultValues: INITIAL_VALUES, onSubmit: onSubmit, passwordRules: config.passwordRules })));
+    };
+    Component.getInitialProps = async (ctx) => {
+        const token = (0, router_1.queryParamToStringStrict)(ctx.query.token);
+        if (config.checkToken) {
+            await config.checkToken(ctx, token);
+        }
+        return { token };
+    };
+    return Component;
+};
+exports.RenewPasswordPage = RenewPasswordPage;

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

@@ -0,0 +1,14 @@
+import { NextPageContext } from "next";
+import { ReactNode } from "react";
+import { RenewPasswordFormData } from "../../forms/renew-password-form";
+import { SubmitErrorHandler, UseControllerProps } from "react-hook-form";
+export interface RenewPasswordPageConfig {
+    pageTitle?: string;
+    title: ReactNode;
+    checkToken?: (ctx: NextPageContext, token: string) => Promise<void>;
+    onSubmit: (token: string, values: RenewPasswordFormData) => SubmitErrorHandler<RenewPasswordFormData> | Promise<SubmitErrorHandler<RenewPasswordFormData> | undefined | void> | undefined | void;
+    ui?: {
+        Logo?: ReactNode;
+    };
+    passwordRules?: UseControllerProps<RenewPasswordFormData>["rules"];
+}

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

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

package/ui/copy-to-clipboard/copy-to-clipboard.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { CopyToClipboardProps } from "./types";
+export declare const CopyToClipboard: FC<CopyToClipboardProps>;

package/ui/copy-to-clipboard/copy-to-clipboard.js

@@ -0,0 +1,45 @@
+"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.CopyToClipboard = void 0;
+const copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
+const button_1 = require("@uxf/ui/button");
+const flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
+const icon_1 = require("@uxf/ui/icon");
+const text_input_1 = require("@uxf/ui/text-input");
+const react_1 = __importStar(require("react"));
+// eslint-disable-next-line react/destructuring-assignment
+const CopyToClipboard = ({ disabled, label, value }) => {
+    const onCopy = (0, react_1.useCallback)(async () => {
+        const isCopied = await (0, copy_to_clipboard_1.copyToClipboard)(value);
+        (0, flash_messages_service_1.flashMessage)({
+            variant: isCopied ? "success" : "error",
+            message: isCopied ? "Text zkopírován" : "Nepodařilo se zkopírovat text",
+        });
+    }, [value]);
+    return (react_1.default.createElement(text_input_1.TextInput, { isDisabled: disabled, label: label, onChange: () => void null, rightAddon: react_1.default.createElement(button_1.Button, { className: "h-full w-full rounded-l-none border-none", disabled: value === "", onClick: onCopy, variant: "white" },
+            react_1.default.createElement(icon_1.Icon, { className: "w-4", name: "copy" })), value: value }));
+};
+exports.CopyToClipboard = CopyToClipboard;

package/ui/copy-to-clipboard/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./copy-to-clipboard";
+export * from "./types";

package/ui/copy-to-clipboard/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("./copy-to-clipboard"), exports);
+__exportStar(require("./types"), exports);

package/ui/{CopyToClipboard → copy-to-clipboard}/types.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import { ReactNode } from "react";
 export interface CopyToClipboardProps {
     value: string;
     disabled?: boolean;
-    label?: React.ReactNode;
+    label?: ReactNode;
 }

package/ui/copy-to-clipboard/types.js

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

package/ui/copy-to-clipboard-button/copy-to-clipboard-button.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ClipboardButtonProps } from "./types";
+export declare const CopyToClipboardButton: FC<ClipboardButtonProps>;

package/ui/copy-to-clipboard-button/copy-to-clipboard-button.js

@@ -0,0 +1,44 @@
+"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.CopyToClipboardButton = void 0;
+const copy_to_clipboard_1 = require("@uxf/core/utils/copy-to-clipboard");
+const react_1 = __importStar(require("react"));
+const flash_messages_service_1 = require("@uxf/ui/flash-messages/flash-messages-service");
+const button_1 = require("@uxf/ui/button");
+const icon_1 = require("@uxf/ui/icon");
+// eslint-disable-next-line react/destructuring-assignment
+const CopyToClipboardButton = ({ color = "default", size = "sm", textToCopy }) => {
+    const onCopy = (0, react_1.useCallback)(async () => {
+        const isCopied = await (0, copy_to_clipboard_1.copyToClipboard)(textToCopy);
+        (0, flash_messages_service_1.flashMessage)({
+            message: isCopied ? "Text zkopírován" : "Nepodařilo se zkopírovat text",
+            variant: isCopied ? "success" : "error",
+        });
+    }, [textToCopy]);
+    return (react_1.default.createElement(button_1.Button, { color: color, onClick: onCopy, size: size },
+        react_1.default.createElement(icon_1.Icon, { name: "copy" })));
+};
+exports.CopyToClipboardButton = CopyToClipboardButton;

package/ui/copy-to-clipboard-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./copy-to-clipboard-button";
+export * from "./types";

package/ui/copy-to-clipboard-button/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("./copy-to-clipboard-button"), exports);
+__exportStar(require("./types"), exports);

package/ui/copy-to-clipboard-button/types.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from "@uxf/ui/button";
+export interface ClipboardButtonProps {
+    textToCopy: string;
+    size?: ButtonProps["size"];
+    color?: ButtonProps["color"];
+}

package/ui/copy-to-clipboard-button/types.js

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

package/ui/index.js

@@ -4,4 +4,3 @@ exports.useComponentContext = exports.UiContextProvider = void 0;
 var context_1 = require("@uxf/ui/context");
 Object.defineProperty(exports, "UiContextProvider", { enumerable: true, get: function () { return context_1.UiContextProvider; } });
 Object.defineProperty(exports, "useComponentContext", { enumerable: true, get: function () { return context_1.useComponentContext; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsMkNBQXlFO0FBQWhFLDRHQUFBLGlCQUFpQixPQUFBO0FBQUUsOEdBQUEsbUJBQW1CLE9BQUEifQ==

package/ui/tw-tokens/tw-box-shadow.d.ts

@@ -0,0 +1,12 @@
+export declare const twBoxShadow: {
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    inner: string;
+    none: string;
+    paper: string;
+};
+export type TwBoxShadow = typeof twBoxShadow;

package/ui/tw-tokens/tw-box-shadow.js

@@ -0,0 +1,15 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.twBoxShadow = void 0;
+exports.twBoxShadow = {
+    sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+    DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+    md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+    lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+    xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+    "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+    inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+    none: "none",
+    paper: "0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06)",
+};