@uxf/cms 11.74.0 → 11.74.1

package/pages/content-builder/types.d.ts

@@ -0,0 +1,94 @@
+import { FileResponse } from "@uxf/core/types";
+import { SelectProps } from "@uxf/form/select";
+import { ComboboxValue } from "@uxf/ui/combobox";
+import { NextPageContext } from "next";
+import { FC, PropsWithChildren, ReactNode } from "react";
+import { Control, ControllerRenderProps } from "react-hook-form";
+import { ContentResponse, ContentTagResponse } from "../../api";
+export type KeysOfType<T, U> = {
+    [K in keyof T]: T[K] extends U ? K : never;
+}[keyof T];
+export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
+export interface Content<Type extends string, ContentType> {
+    type: Type;
+    content: ContentType;
+}
+export interface ContentProps {
+    title: ReactNode;
+    id: string;
+    name: string;
+    index: number;
+    onRemove: () => void;
+    TypeInputProps: ControllerRenderProps & {
+        options: SelectProps<any>["options"];
+    };
+    control: Control<any>;
+}
+export type ContentGetConfig<T extends Content<string, any>> = () => {
+    type: T["type"];
+    label: ReactNode;
+};
+export type ContentComponent<T extends Content<string, any>, Props extends ContentProps = ContentProps> = FC<Props> & {
+    getConfig: ContentGetConfig<T>;
+};
+export type ContentPageType = "BLOG" | "LANDING_PAGE" | "QUESTION" | "TERM";
+export type RootContent<T> = {
+    parent?: ComboboxValue<number> | null;
+    type: string | null;
+    active: boolean;
+    visibilityLevel: VisibilityLevel;
+    name: string;
+    publishedAt: string;
+    author: {
+        id: number;
+        label: string;
+    } | null;
+    category: {
+        id: number;
+        label: string;
+    } | null;
+    image: FileResponse | null;
+    perex: string;
+    seo: {
+        title: string;
+        description: string;
+        ogTitle: string;
+        ogDescription: string;
+        name: string | null;
+        ogImage: FileResponse | null;
+    };
+    content: {
+        data: T[];
+        search?: string;
+    };
+    tags?: ContentTagResponse[];
+};
+export interface ContentBuilderConfig<Contents extends Content<string, any>> {
+    type?: ContentPageType;
+    allowedTypes?: Array<{
+        id: ContentPageType;
+        label: string;
+    }>;
+    contentComponents: ContentComponent<any>[];
+    onSubmit?: (contentId: number | null, values: RootContent<Contents>) => Promise<ContentResponse>;
+    onSubmitSuccess?: (contentId: number | null, values: RootContent<Contents>, response: ContentResponse) => Promise<void>;
+    initialValues?: RootContent<Contents> | ((ctx: NextPageContext) => Promise<RootContent<Contents>>);
+    allowedRoles?: string[];
+    ui: {
+        Layout?: FC<PropsWithChildren>;
+    };
+    hide?: {
+        author?: boolean;
+        category?: boolean;
+        image?: boolean;
+        perex?: boolean;
+        publishedAt?: boolean;
+        seo?: {
+            title?: boolean;
+            description?: boolean;
+            ogTitle?: boolean;
+            ogDescription?: boolean;
+            ogImage?: boolean;
+        };
+    };
+}

package/pages/content-builder/types.js

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

package/pages/forgotten-password-page/forgotten-password-page.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ForgottenPasswordPageConfig } from "./types";
+export declare const ForgottenPasswordPage: (config: ForgottenPasswordPageConfig) => React.FunctionComponent<{}> & {
+    getInitialProps?(context: import("next").NextPageContext): {} | Promise<{}>;
+};

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

@@ -0,0 +1,49 @@
+"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.ForgottenPasswordPage = void 0;
+const react_1 = __importStar(require("react"));
+const forgotten_password_form_1 = require("../../forms/forgotten-password-form");
+const login_layout_1 = require("../../lib/login-layout");
+const INITIAL_VALUES = {
+    username: "",
+};
+const ForgottenPasswordPage = (config) => {
+    const Component = () => {
+        var _a;
+        const onSubmit = (0, react_1.useCallback)(async (values) => {
+            try {
+                await config.onSubmit(values.username);
+            }
+            catch (e) {
+                config.handleError(e);
+            }
+        }, []);
+        return (react_1.default.createElement(login_layout_1.LoginLayout, { Logo: (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Logo, pageTitle: config.pageTitle, title: config.title },
+            react_1.default.createElement(forgotten_password_form_1.ForgottenPasswordForm, { defaultValues: INITIAL_VALUES, onLogin: config.onLogin, onSubmit: onSubmit })));
+    };
+    return Component;
+};
+exports.ForgottenPasswordPage = ForgottenPasswordPage;

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

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

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

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

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export interface ForgottenPasswordPageConfig {
+    pageTitle?: string;
+    title: ReactNode;
+    onLogin?: () => void;
+    onSubmit: (username: string) => Promise<void>;
+    handleError: (e: unknown) => void;
+    ui?: {
+        Logo?: ReactNode;
+    };
+}

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

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

package/pages/grid-page/get-initial-props-helper.d.ts

@@ -0,0 +1,4 @@
+import { Schema } from "@uxf/data-grid";
+import { EntityMetaSchema } from "../../api";
+export declare function loadEntityMetaSchema(ctx: any, entityAlias: string): Promise<EntityMetaSchema>;
+export declare function loadEntityGridSchema(ctx: any, entityAlias: string): Promise<Schema<any>>;

package/pages/grid-page/get-initial-props-helper.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadEntityMetaSchema = loadEntityMetaSchema;
+exports.loadEntityGridSchema = loadEntityGridSchema;
+const api_1 = require("../../api");
+const entities_1 = require("../../deprecated/redux/entities");
+async function loadEntityMetaSchema(ctx, entityAlias) {
+    const { reduxStore: { getState, dispatch }, } = ctx;
+    if (!(0, entities_1.metaSchemaExistsSelector)(getState())) {
+        dispatch((0, entities_1.onSetEntityMetaSchemas)((await (0, api_1.getEntityMetaSchemas)(ctx)).data));
+    }
+    return (0, entities_1.metaSchemaSelector)(entityAlias)(getState());
+}
+async function loadEntityGridSchema(ctx, entityAlias) {
+    const { reduxStore: { getState, dispatch }, } = ctx;
+    if (!(0, entities_1.gridSchemaExistsSelector)(entityAlias)(getState())) {
+        dispatch((0, entities_1.onSetGridSchema)(entityAlias, (await (0, api_1.dataGridSchemaGet)(ctx, entityAlias)).data));
+    }
+    return (0, entities_1.gridSchemaSelector)(entityAlias)(getState());
+}

package/pages/grid-page/grid-page.d.ts

@@ -0,0 +1,6 @@
+import { Request, Response } from "@uxf/data-grid";
+import React from "react";
+import { GridPageConfig } from "./types";
+export declare const dataGridLoader: (gridName: string, request: Request) => Promise<Response>;
+/** @deprecated - use custom DataGrid on project */
+export declare const GridPage: (config: GridPageConfig) => (props: any) => React.JSX.Element;

package/pages/grid-page/grid-page.js

@@ -0,0 +1,161 @@
+"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.GridPage = exports.dataGridLoader = void 0;
+const translations_1 = require("@uxf/core-react/translations");
+const empty_array_1 = require("@uxf/core/constants/empty-array");
+const build_array_1 = require("@uxf/core/utils/build-array");
+const is_nil_1 = require("@uxf/core/utils/is-nil");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const is_server_1 = require("@uxf/core/utils/is-server");
+const data_grid_1 = require("@uxf/data-grid");
+const table_1 = require("@uxf/data-grid/table");
+const use_data_grid_control_1 = require("@uxf/data-grid/use-data-grid-control");
+const use_data_grid_fetching_1 = require("@uxf/data-grid/use-data-grid-fetching");
+const router_1 = require("@uxf/router");
+const icon_1 = require("@uxf/ui/icon");
+const loader_1 = require("@uxf/ui/loader");
+const link_1 = __importDefault(require("next/link"));
+const router_2 = __importStar(require("next/router"));
+const qs_1 = require("qs");
+const react_1 = __importStar(require("react"));
+const url_1 = require("url");
+const swr_1 = require("../../api/swr");
+const api_1 = require("../../lib/api");
+const restricted_page_1 = require("../../security/restricted-page");
+// TODO use swr
+const { axiosRequest } = (0, api_1.createAxiosInstance)("");
+const dataGridLoader = (gridName, request) => {
+    return axiosRequest(null, `/api/cms/datagrid/${gridName}`, "get", null, request).then((r) => r.data);
+};
+exports.dataGridLoader = dataGridLoader;
+const DefaultLayout = (props) => react_1.default.createElement("div", { ...props });
+function GridPageComponent(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    // eslint-disable-next-line react/destructuring-assignment
+    const { query, AddIcon = react_1.default.createElement(icon_1.Icon, { name: "plus" }), onAddTitle = "Přidat záznam" } = props;
+    const Layout = (_b = (_a = props.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : DefaultLayout;
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({
+        schema: props.gridSchema,
+        initialState: query.filter ? (0, router_1.queryParamToString)(query.filter) : undefined,
+        initialUserConfig: props.initialUserConfig,
+    });
+    const universalLoader = (0, react_1.useCallback)((gridName, request, encodedRequest) => {
+        var _a, _b;
+        const response = (0, exports.dataGridLoader)(gridName !== null && gridName !== void 0 ? gridName : "", request);
+        // save filter to url
+        const newQuery = { ...query, filter: encodedRequest };
+        // TODO @vejvis - dodělat vlastní router a tuhle magii smazat!
+        router_2.default.replace(`${(0, url_1.parse)(((_a = window.history.state) === null || _a === void 0 ? void 0 : _a.url) || "").pathname}?${(0, qs_1.stringify)(newQuery)}`, `${(0, url_1.parse)(((_b = window.history.state) === null || _b === void 0 ? void 0 : _b.as) || "").pathname}?${(0, qs_1.stringify)(newQuery)}`, { shallow: true });
+        return response;
+    }, [query]);
+    const { data, isLoading, error, reload } = (0, use_data_grid_fetching_1.useDataGridFetching)({
+        loader: (_c = props.loader) !== null && _c !== void 0 ? _c : universalLoader,
+        schema: props.gridSchema,
+        state,
+    });
+    const actionsBag = (0, react_1.useMemo)(() => ({
+        reload,
+    }), [reload]);
+    const hasOnAdd = props.onAdd && (!props.metaSchema || props.metaSchema.actions.includes("add"));
+    const cActions = [
+        ...((_d = props.customActions) !== null && _d !== void 0 ? _d : empty_array_1.EMPTY_ARRAY),
+        hasOnAdd
+            ? {
+                label: (react_1.default.createElement(react_1.default.Fragment, null,
+                    AddIcon,
+                    "\u00A0",
+                    onAddTitle)),
+                onClick: () => { var _a; return (_a = props.onAdd) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionsBag); },
+            }
+            : undefined,
+    ].filter(Boolean);
+    const actionColumnButtonsCount = (props.onEdit || props.getEditUrl ? 1 : 0) +
+        (props.onOpen || props.getOpenUrl ? 1 : 0) +
+        (props.onRemove ? 1 : 0);
+    const actionCell = (_f = (_e = props.ui) === null || _e === void 0 ? void 0 : _e.actionCell) !== null && _f !== void 0 ? _f : (actionColumnButtonsCount > 0
+        ? {
+            width: actionColumnButtonsCount * 40 + 8,
+            Component: (actionCellProps) => {
+                var _a, _b, _c, _d, _e, _f;
+                const buttons = (0, build_array_1.buildArray)()
+                    .when((0, is_not_nil_1.isNotNil)((_a = props.onOpen) !== null && _a !== void 0 ? _a : props.getOpenUrl), {
+                    icon: "circle-info",
+                    onClick: () => { var _a; return (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionCellProps.row, actionsBag); },
+                    as: props.getOpenUrl ? link_1.default : undefined,
+                    href: (_c = (_b = props.getOpenUrl) === null || _b === void 0 ? void 0 : _b.call(props, props.entityAlias, actionCellProps.row)) !== null && _c !== void 0 ? _c : undefined,
+                    isIconButton: true,
+                    title: "Detail",
+                })
+                    .when((0, is_not_nil_1.isNotNil)((_d = props.onEdit) !== null && _d !== void 0 ? _d : props.getEditUrl), {
+                    icon: "pen",
+                    onClick: () => { var _a; return (_a = props.onEdit) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionCellProps.row, actionsBag); },
+                    as: props.getEditUrl ? link_1.default : undefined,
+                    href: (_f = (_e = props.getEditUrl) === null || _e === void 0 ? void 0 : _e.call(props, props.entityAlias, actionCellProps.row)) !== null && _f !== void 0 ? _f : undefined,
+                    isIconButton: true,
+                    title: "Upravit",
+                })
+                    .when((0, is_not_nil_1.isNotNil)(props.onRemove), {
+                    icon: "trash",
+                    onClick: () => { var _a; return (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionCellProps.row, actionsBag); },
+                    isIconButton: true,
+                    title: "Smazat",
+                });
+                return react_1.default.createElement(table_1.ActionCell, { buttons: buttons, visibleButtonsCount: 3 });
+            },
+        }
+        : undefined);
+    return (react_1.default.createElement(Layout, { appName: (_g = props.appName) !== null && _g !== void 0 ? _g : "", key: props.entityAlias, title: (_k = (_h = props.title) !== null && _h !== void 0 ? _h : (_j = props.metaSchema) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : "" },
+        react_1.default.createElement("div", { className: "mb-10" },
+            react_1.default.createElement(data_grid_1.DataGrid, { NoRowsFallback: (_l = props.ui) === null || _l === void 0 ? void 0 : _l.NoRowsFallback, SelectedRowsToolbarActions: (_m = props.ui) === null || _m === void 0 ? void 0 : _m.SelectedRowsToolbarActions, actionCell: actionCell, actions: actions, bodyCells: (_o = props.ui) === null || _o === void 0 ? void 0 : _o.BodyCells, customActions: cActions, data: data, error: error, filterHandlers: (_p = props.ui) === null || _p === void 0 ? void 0 : _p.FilterHandlers, getCsvDownloadUrl: (r) => `/api/cms/datagrid/export/${props.entityAlias}?${(0, qs_1.stringify)(r)}`, gridName: props.entityAlias, isLoading: isLoading, isRowSelectable: props.selectable, reload: reload, rowHeight: props.rowHeight, schema: props.gridSchema, state: state }))));
+}
+GridPageComponent.displayName = "GridPageComponent";
+/** @deprecated - use custom DataGrid on project */
+const GridPage = (config) => {
+    var _a;
+    const t = (0, translations_1.useUxfTranslation)();
+    function Component() {
+        var _a, _b;
+        const router = (0, router_2.useRouter)();
+        const userConfigQuery = (0, swr_1.useCmsUserConfigQuery)({ path: { name: `v1--hidden-columns--${config.entityAlias}` } });
+        const cmsTablesQuery = (0, swr_1.useCmsTablesQuery)();
+        const dataGridSchemaQuery = (0, swr_1.useDatagridGetSchemaQuery)({ path: { name: config.entityAlias } });
+        if (cmsTablesQuery.isLoading || dataGridSchemaQuery.isLoading || is_server_1.isServer) {
+            return (react_1.default.createElement("div", { className: "flex min-h-screen w-full items-center justify-center" },
+                react_1.default.createElement(loader_1.Loader, null)));
+        }
+        const metadata = (_a = cmsTablesQuery.data) === null || _a === void 0 ? void 0 : _a[config.entityAlias];
+        const schema = dataGridSchemaQuery.data;
+        if ((0, is_nil_1.isNil)(schema) || (0, is_nil_1.isNil)(metadata)) {
+            return react_1.default.createElement("div", null, "Omlouv\u00E1me se, n\u011Bco se pokazilo.");
+        }
+        return (react_1.default.createElement(GridPageComponent, { AddIcon: config.AddIcon, appName: config.appName, customActions: config.customActions, entityAlias: config.entityAlias, getEditUrl: config.getEditUrl, getOpenUrl: config.getOpenUrl, gridSchema: schema, initialHiddenColumns: (_b = userConfigQuery.data) !== null && _b !== void 0 ? _b : [], initialUserConfig: config.initialUserConfig, loader: config.loader, metaSchema: metadata, onAdd: config.onAdd, onAddTitle: config.onAddTitle, onEdit: config.onEdit, onOpen: config.onOpen, onRemove: config.onRemove, query: router.query, rowHeight: config.rowHeight, selectable: config.selectable, title: config.title, ui: config.ui }));
+    }
+    return (0, restricted_page_1.restrictedPage)(Component, { allowedRole: (_a = config.allowedRoles) !== null && _a !== void 0 ? _a : ["ROLE_ROOT"] }, t);
+};
+exports.GridPage = GridPage;

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

@@ -0,0 +1 @@
+export { GridPage } from "./grid-page";

package/pages/grid-page/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridPage = void 0;
+var grid_page_1 = require("./grid-page");
+Object.defineProperty(exports, "GridPage", { enumerable: true, get: function () { return grid_page_1.GridPage; } });

package/pages/grid-page/types.d.ts

@@ -0,0 +1,65 @@
+import { Nullish } from "@uxf/core/types";
+import { ActionCellComponent, DataGridProps, DataGridUserConfig, Loader, Schema } from "@uxf/data-grid";
+import { ParsedUrlQuery } from "querystring";
+import { FC, ReactElement } from "react";
+import { EntityMetaSchema } from "../../api";
+import { LayoutProps } from "../../lib/layout";
+export type ActionsBag = {
+    reload: () => void;
+};
+export type LayoutComponent = FC<LayoutProps>;
+type UIComponents = {
+    BodyCells?: DataGridProps<any, any>["bodyCells"];
+    FilterHandlers?: DataGridProps<any, any>["filterHandlers"];
+    NoRowsFallback?: DataGridProps<any, any>["NoRowsFallback"];
+    SelectedRowsToolbarActions?: DataGridProps<any, any>["SelectedRowsToolbarActions"];
+    Layout?: LayoutComponent;
+    actionCell?: {
+        Component: ActionCellComponent<any>;
+        width: number;
+    };
+};
+export type GridPageComponentProps = {
+    appName?: string;
+    ui?: UIComponents;
+    entityAlias: string;
+    title?: string;
+    initialHiddenColumns: string[];
+    onOpen?: (entityAlias: string, row: any, actions: ActionsBag) => void;
+    getOpenUrl?: (entityAlias: string, row: any) => string | null | undefined;
+    onAdd?: (entityAlias: string, actions: ActionsBag) => void;
+    onEdit?: (entityAlias: string, row: any, actions: ActionsBag) => void;
+    getEditUrl?: (entityAlias: string, row: any) => string | null | undefined;
+    onRemove?: (entityAlias: string, row: any, actions: ActionsBag) => void;
+    query: ParsedUrlQuery;
+    loader?: Loader;
+    gridSchema: Schema<any>;
+    metaSchema?: EntityMetaSchema;
+    rowHeight?: DataGridProps<any, any>["rowHeight"];
+    AddIcon?: ReactElement;
+    onAddTitle?: string;
+    selectable?: boolean;
+    customActions?: DataGridProps<any, any>["customActions"];
+    initialUserConfig?: DataGridUserConfig<any> | Nullish;
+};
+export type GridPageConfig<T extends object = any> = {
+    appName?: string;
+    ui?: UIComponents;
+    title?: string;
+    entityAlias: string;
+    onOpen?: (entityAlias: string, row: T, actions: ActionsBag) => void;
+    getOpenUrl?: (entityAlias: string, row: T) => string | undefined | null;
+    onAdd?: (entityAlias: string, actions: ActionsBag) => void;
+    onEdit?: (entityAlias: string, row: T, actions: ActionsBag) => void;
+    getEditUrl?: (entityAlias: string, row: T) => string | undefined | null;
+    onRemove?: (entityAlias: string, row: T, actions: ActionsBag) => void;
+    allowedRoles?: string[];
+    loader?: Loader;
+    rowHeight?: DataGridProps<any, any>["rowHeight"];
+    AddIcon?: ReactElement;
+    onAddTitle?: string;
+    selectable?: boolean;
+    customActions?: DataGridProps<any, any>["customActions"];
+    initialUserConfig?: DataGridUserConfig<any> | Nullish;
+};
+export {};

package/pages/grid-page/types.js

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

package/pages/grid-page/use-hidden-columns.d.ts

@@ -0,0 +1,4 @@
+export declare const useHiddenColumns: (entityAlias: string, initialHiddenColumns: string[]) => {
+    hiddenColumns: string[];
+    onChangeHiddenColumns: (columns: string[]) => void;
+};

package/pages/grid-page/use-hidden-columns.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHiddenColumns = void 0;
+const react_1 = require("react");
+const api_1 = require("../../api");
+const useHiddenColumns = (entityAlias, initialHiddenColumns) => {
+    const [hiddenColumns, setHiddenColumns] = (0, react_1.useState)(initialHiddenColumns);
+    const onChangeHiddenColumns = (0, react_1.useCallback)((columns) => {
+        setHiddenColumns(columns);
+        (0, api_1.userConfigSave)(`v1--hidden-columns--${entityAlias}`, columns);
+    }, [entityAlias]);
+    return {
+        hiddenColumns,
+        onChangeHiddenColumns,
+    };
+};
+exports.useHiddenColumns = useHiddenColumns;

package/pages/invite-user-page/index.d.ts

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

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

package/pages/invite-user-page/invite-user-page.d.ts

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

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

@@ -0,0 +1,57 @@
+"use strict";
+"use client";
+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.InviteUserPage = void 0;
+const react_1 = __importStar(require("react"));
+const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
+const invite_user_form_1 = require("../../forms/invite-user-form");
+const INITIAL_VALUES = {
+    name: "",
+    surname: "",
+    email: "",
+    sendInvitation: false,
+    roles: [],
+};
+const InviteUserPage = (config) => {
+    const Component = () => {
+        var _a, _b;
+        const onSubmit = (0, react_1.useCallback)(async (values) => {
+            try {
+                await config.onSubmit(values);
+            }
+            catch (e) {
+                config.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(invite_user_form_1.InviteUserForm, { defaultValues: INITIAL_VALUES, onLoadRoles: config.onLoadRoles, onSubmit: onSubmit }));
+        return (0, react_1.cloneElement)(Layout, {
+            children: Content,
+        });
+    };
+    return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
+};
+exports.InviteUserPage = InviteUserPage;

package/pages/invite-user-page/types.d.ts

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

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.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { InitialProps, LoginPageConfig } from "./types";
+export declare const LoginPage: (config: LoginPageConfig) => React.FunctionComponent<InitialProps> & {
+    getInitialProps?(context: import("next").NextPageContext): InitialProps | Promise<InitialProps>;
+};