@uxf/cms 11.74.0 → 11.74.1

package/api/index.d.ts

@@ -0,0 +1,165 @@
+import { FileResponse } from "@uxf/core/types";
+import { Schema } from "@uxf/data-grid";
+export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
+export interface ContentSeoResponse {
+    name: string | null;
+    title: string;
+    description: string;
+    ogTitle: string;
+    ogDescription: string;
+    ogImage: FileResponse | null;
+}
+export interface ContentAuthorResponse {
+    id: number;
+    firstName: string;
+    surname: string;
+    avatar: FileResponse | null;
+}
+export interface ContentCategoryResponse {
+    id: number;
+    name: string;
+}
+export interface ContentTagResponse {
+    id: number;
+    code: string;
+    label: string;
+}
+export interface ContentResponse {
+    id: number;
+    type: string;
+    name: string;
+    perex: string;
+    parent?: {
+        id: number;
+        label: string;
+    } | null;
+    seo: ContentSeoResponse;
+    visibilityLevel: VisibilityLevel;
+    hidden: boolean;
+    image: FileResponse | null;
+    publishedAt: string | null;
+    author: ContentAuthorResponse | null;
+    category: ContentCategoryResponse | null;
+    content: any[];
+    tags: ContentTagResponse[];
+    createdAt: string;
+    updatedAt: string;
+}
+export interface ContentSeoRequestBody {
+    name: string | null;
+    title: string;
+    description: string;
+    ogTitle: string;
+    ogDescription: string;
+    ogImage: number | null;
+}
+export interface ContentRequestBody {
+    type: string;
+    name: string;
+    perex: string;
+    parent: number | null;
+    seo: ContentSeoRequestBody;
+    visibilityLevel: VisibilityLevel;
+    hidden: boolean;
+    image: number | null;
+    publishedAt: string | null;
+    author: number | null;
+    category: number | null;
+    content: any;
+    tags: number[];
+}
+export interface FieldSchemaResponse {
+    autocomplete: string | null;
+    name: string;
+    type: string;
+    label: string;
+    required: boolean;
+    readOnly: boolean;
+    editable: boolean;
+    fields: FieldSchemaResponse[];
+    options: Array<{
+        id: string | number;
+        label: string;
+    }> | null;
+}
+export interface FormSchemaResponse {
+    fields: FieldSchemaResponse[];
+}
+export default interface UserResponse {
+    id: number | string;
+    email: string;
+    name: string;
+    roles: string[];
+}
+export interface UserInfoResponse {
+    user: UserResponse;
+}
+export interface EntityMetaSchema {
+    title: string;
+    entityAlias: string;
+    actions: string[];
+}
+export interface EntityMetaSchemasResponse {
+    [entityAlias: string]: EntityMetaSchema;
+}
+export interface AutocompleteResultResponse {
+    id: number | string;
+    label: string;
+}
+export interface LoginRequestBody {
+    username: string;
+    password: string;
+}
+export interface LoginResponse {
+    access_token: string;
+    refresh_token: string;
+    expires_in: number;
+    token_type: string;
+}
+export interface UserConfigResponse<T> {
+    id: number;
+    name: string;
+    data: T;
+}
+export interface UserConfigBagResponse {
+    [name: string]: UserConfigResponse<any>;
+}
+export declare function contentGet(ctx: any, contentId: number): Promise<import("axios").AxiosResponse<ContentResponse, any>>;
+export declare function contentCreate(ctx: any, content: ContentRequestBody): Promise<import("axios").AxiosResponse<ContentResponse, any>>;
+export declare function contentUpdate(ctx: any, contentId: number, content: ContentRequestBody): Promise<import("axios").AxiosResponse<ContentResponse, any>>;
+export declare function dataGridSchemaGet(ctx: any, gridName: string): Promise<import("axios").AxiosResponse<Schema<any>, any>>;
+export declare const dataGridAutocompleteGet: (ctx: any, gridName: string, filterName: string, text: string) => Promise<{
+    value: number;
+    label: string;
+}[]>;
+export declare function forgottenPassword(ctx: any, email: string, cms?: boolean): Promise<void>;
+export declare function getLoggedUser(ctx?: any): Promise<UserResponse>;
+export declare function getEntityMetaSchemas(ctx: any): Promise<import("axios").AxiosResponse<EntityMetaSchemasResponse, any>>;
+export declare function getFormSchema(ctx: any, path: {
+    entityAlias: string;
+}): Promise<import("axios").AxiosResponse<FormSchemaResponse, any>>;
+export declare function getFormValues(ctx: any, path: {
+    entityAlias: string;
+    id: number;
+}): Promise<import("axios").AxiosResponse<any, any>>;
+export declare function login(ctx: any, body: LoginRequestBody): Promise<import("axios").AxiosResponse<LoginResponse, any>>;
+export declare function autocomplete(ctx: any, path: {
+    name: string;
+}, query: {
+    term: string;
+}): Promise<import("axios").AxiosResponse<AutocompleteResultResponse[], any>>;
+export declare function saveFormValues<T extends Record<string, any>>(ctx: any, path: {
+    entityAlias: string;
+    id?: number | null;
+}, body: T): Promise<import("axios").AxiosResponse<T, any>>;
+export declare function removeEntity(ctx: any, path: {
+    entityAlias: string;
+    id: number;
+}): Promise<import("axios").AxiosResponse<undefined, any>>;
+export declare function userConfigSave(name: string, data: any): Promise<import("axios").AxiosResponse<UserConfigBagResponse, any>>;
+export declare function userConfigGetAll(ctx: any): Promise<import("axios").AxiosResponse<UserConfigBagResponse, any>>;
+export declare function userConfigGet<T>(ctx: any, name: string, defaultValue?: T): Promise<T | undefined>;
+/**
+ * @deprecated use import { uploadFile } from "@uxf/core/api/upload-file" or createUploadHandler
+ */
+export declare function uploadFile(file: File, namespace?: string | null): Promise<FileResponse>;

package/api/index.js

@@ -0,0 +1,100 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dataGridAutocompleteGet = void 0;
+exports.contentGet = contentGet;
+exports.contentCreate = contentCreate;
+exports.contentUpdate = contentUpdate;
+exports.dataGridSchemaGet = dataGridSchemaGet;
+exports.forgottenPassword = forgottenPassword;
+exports.getLoggedUser = getLoggedUser;
+exports.getEntityMetaSchemas = getEntityMetaSchemas;
+exports.getFormSchema = getFormSchema;
+exports.getFormValues = getFormValues;
+exports.login = login;
+exports.autocomplete = autocomplete;
+exports.saveFormValues = saveFormValues;
+exports.removeEntity = removeEntity;
+exports.userConfigSave = userConfigSave;
+exports.userConfigGetAll = userConfigGetAll;
+exports.userConfigGet = userConfigGet;
+exports.uploadFile = uploadFile;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const api_1 = require("../lib/api");
+// TODO @vejvis - doufám, že tohle bude fungovat
+const { axiosRequest, axiosInstance } = (0, api_1.createAxiosInstance)((_a = process.env.NEXT_PUBLIC_FRONTEND_URL) !== null && _a !== void 0 ? _a : "");
+function contentGet(ctx, contentId) {
+    return axiosRequest(ctx, `/api/cms/content/${contentId}`, "get", null, null);
+}
+function contentCreate(ctx, content) {
+    return axiosRequest(ctx, "/api/cms/content", "post", content, null);
+}
+function contentUpdate(ctx, contentId, content) {
+    return axiosRequest(ctx, `/api/cms/content/${contentId}`, "put", content, null);
+}
+function dataGridSchemaGet(ctx, gridName) {
+    return axiosRequest(ctx, `/api/cms/datagrid/schema/${gridName}`, "get", null, null);
+}
+const dataGridAutocompleteGet = (ctx, gridName, filterName, text) => {
+    return axiosRequest(ctx, `/api/cms/datagrid/autocomplete/${gridName}/${filterName}`, "get", null, { s: text }).then((r) => r.data);
+};
+exports.dataGridAutocompleteGet = dataGridAutocompleteGet;
+function forgottenPassword(ctx, email, cms = true) {
+    return axiosRequest(ctx, "/api/forgotten-password", "post", { email, cms }, null).then(() => undefined);
+}
+function getLoggedUser(ctx = null) {
+    return axiosRequest(ctx, `/api/cms/user`, "get", null, null).then((r) => r.data.user);
+}
+function getEntityMetaSchemas(ctx) {
+    return axiosRequest(ctx, "/api/cms/tables", "get", null, null);
+}
+function getFormSchema(ctx, path) {
+    return axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/schema`, "get", null, null);
+}
+function getFormValues(ctx, path) {
+    return axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/${path.id}`, "get", null, null);
+}
+function login(ctx, body) {
+    return axiosRequest(ctx, "/api/login", "post", body, null);
+}
+function autocomplete(ctx, path, query) {
+    return axiosRequest(ctx, `/api/cms/autocomplete/${path.name}`, "get", null, query);
+}
+function saveFormValues(ctx, path, body) {
+    return path.id
+        ? axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/${path.id}`, "put", body, null)
+        : axiosRequest(ctx, `/api/cms/form/${path.entityAlias}`, "post", body, null);
+}
+function removeEntity(ctx, path) {
+    return axiosRequest(ctx, `/api/cms/form/${path.entityAlias}/${path.id}`, "delete", null, null);
+}
+async function userConfigSave(name, data) {
+    return axiosRequest(null, "/api/cms/user-config", "post", { name, data }, null);
+}
+function userConfigGetAll(ctx) {
+    return axiosRequest(ctx, "/api/cms/user-config", "get", null, null);
+}
+async function userConfigGet(ctx, name, defaultValue) {
+    const configs = await userConfigGetAll(ctx).then((r) => r.data);
+    const configsName = configs[name];
+    if (typeof configsName !== "undefined") {
+        return configsName.data;
+    }
+    return defaultValue;
+}
+/**
+ * @deprecated use import { uploadFile } from "@uxf/core/api/upload-file" or createUploadHandler
+ */
+async function uploadFile(file, namespace = "default") {
+    const formData = new FormData();
+    formData.append("files[]", file);
+    const response = await axiosInstance.post("/api/cms/files/upload", formData, {
+        timeout: 100 * 1000,
+        params: namespace ? { namespace } : {},
+    });
+    const firstFile = response.data.at(0);
+    if ((0, is_not_nil_1.isNotNil)(firstFile)) {
+        return firstFile;
+    }
+    throw new Error("Response is null");
+}

package/api/swr.d.ts

@@ -0,0 +1,76 @@
+import { Schema } from "@uxf/data-grid";
+import { SWRConfiguration } from "swr";
+import { SWRMutationConfiguration, SWRMutationResponse } from "swr/mutation";
+type SWRConfigurationWithOptionalFallback<Options> = Options extends SWRConfiguration & Required<Pick<SWRConfiguration, "fallbackData">> ? Omit<Options, "fallbackData"> & Pick<Partial<Options>, "fallbackData"> : Options;
+export declare class ApiError extends Error {
+    readonly code: string;
+    readonly statusCode: number;
+    readonly info: {
+        error: {
+            code: string;
+            message: string;
+        };
+        validationErrors: {
+            field: string;
+            message: string;
+        }[];
+    };
+    constructor(message: string, code: string, statusCode: number, info: {
+        error: {
+            code: string;
+            message: string;
+        };
+        validationErrors: {
+            field: string;
+            message: string;
+        }[];
+    });
+}
+export declare const _fetch: (url: string, method?: string, body?: any) => Promise<any>;
+type Mixed = any;
+type XString = string;
+type Int = number;
+type Email = string;
+export interface CMSSaveUserConfigRequestBody {
+    name: XString;
+    data: Array<Mixed>;
+}
+export interface CMSUserResponse {
+    id: Int;
+    email: Email;
+    name: XString;
+    roles: Array<XString>;
+}
+export interface Metadata {
+    title: XString;
+    entityAlias: XString;
+    actions: Array<XString>;
+}
+export declare const useCmsUserConfigQuery: <T extends SWRConfiguration<Mixed, ApiError>>(config: {
+    path: {
+        name: XString;
+    };
+} & {
+    skip?: boolean;
+}, options?: SWRConfigurationWithOptionalFallback<T>) => import("swr").SWRResponse<any, ApiError, T>;
+export declare const useCmsUserConfigUpdateMutation: (config: {
+    path: {
+        name: XString;
+    };
+}, options?: SWRMutationConfiguration<Mixed, ApiError, string, Mixed> | undefined) => SWRMutationResponse<Mixed, ApiError, string, Mixed>;
+export declare const useCmsMeQuery: <T extends SWRConfiguration<CMSUserResponse, ApiError>>(config?: {
+    skip?: boolean;
+}, options?: SWRConfigurationWithOptionalFallback<T>) => import("swr").SWRResponse<CMSUserResponse, ApiError, T>;
+/** @deprecated will be removed - schemas are generated */
+export declare const useCmsTablesQuery: <T extends SWRConfiguration<Record<string, Metadata>, ApiError>>(config?: {
+    skip?: boolean;
+}, options?: SWRConfigurationWithOptionalFallback<T>) => import("swr").SWRResponse<Record<string, Metadata>, ApiError, T>;
+/** @deprecated will be removed - schemas are generated */
+export declare const useDatagridGetSchemaQuery: <T extends SWRConfiguration<Schema<any>, ApiError>>(config: {
+    path: {
+        name: XString;
+    };
+} & {
+    skip?: boolean;
+}, options?: SWRConfigurationWithOptionalFallback<T>) => import("swr").SWRResponse<Schema<any>, ApiError, T>;
+export {};

package/api/swr.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDatagridGetSchemaQuery = exports.useCmsTablesQuery = exports.useCmsMeQuery = exports.useCmsUserConfigUpdateMutation = exports.useCmsUserConfigQuery = exports._fetch = exports.ApiError = void 0;
+const swr_1 = __importDefault(require("swr"));
+const mutation_1 = __importDefault(require("swr/mutation"));
+class ApiError extends Error {
+    constructor(message, code, statusCode, info) {
+        super(message);
+        this.code = code;
+        this.statusCode = statusCode;
+        this.info = info;
+    }
+}
+exports.ApiError = ApiError;
+const _fetch = (url, method = "GET", body = undefined) => {
+    var _a;
+    return fetch(((_a = process.env.API_URL) !== null && _a !== void 0 ? _a : "") + url, {
+        method,
+        body: typeof body !== "undefined" ? JSON.stringify(body) : undefined,
+    }).then(async (res) => {
+        const data = await res.json();
+        if (!res.ok) {
+            throw new ApiError(data.error.message, data.error.code, res.status, data);
+        }
+        return data;
+    });
+};
+exports._fetch = _fetch;
+const useCmsUserConfigQuery = (config, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/user-config/${config.path.name}` : null, options);
+exports.useCmsUserConfigQuery = useCmsUserConfigQuery;
+const useCmsUserConfigUpdateMutation = (config, options = undefined) => (0, mutation_1.default)(`/api/cms/user-config/${config.path.name}`, (url, { arg: body }) => (0, exports._fetch)(url, "PUT", body), options);
+exports.useCmsUserConfigUpdateMutation = useCmsUserConfigUpdateMutation;
+const useCmsMeQuery = (config = {}, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/me` : null, options);
+exports.useCmsMeQuery = useCmsMeQuery;
+/** @deprecated will be removed - schemas are generated */
+const useCmsTablesQuery = (config = {}, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/tables` : null, options);
+exports.useCmsTablesQuery = useCmsTablesQuery;
+/** @deprecated will be removed - schemas are generated */
+const useDatagridGetSchemaQuery = (config, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/datagrid/schema/${config.path.name}` : null, options);
+exports.useDatagridGetSchemaQuery = useDatagridGetSchemaQuery;

package/config/container.d.ts

@@ -0,0 +1,29 @@
+import { NextPageContext } from "next";
+import { LinkProps } from "next/link";
+import { ReactNode } from "react";
+import UserResponse from "../api";
+export interface NotificationServiceInterface {
+    info: (message: ReactNode) => void;
+    success: (message: ReactNode) => void;
+    warning: (message: ReactNode) => void;
+    error: (message: ReactNode) => void;
+}
+export interface LoggedUser {
+    roles: string[];
+}
+export type UseLoggedUser = () => LoggedUser;
+export type GetLoggedUser = (ctx: NextPageContext) => Promise<UserResponse>;
+type ContainerStore = {
+    route: (route: string, params?: any) => LinkProps["href"];
+    useActiveRoute: () => string;
+    useLoggedUser: UseLoggedUser;
+    "api.getLoggedUser": GetLoggedUser;
+    "service.notification": NotificationServiceInterface;
+};
+export declare class Container {
+    private store;
+    register<T extends keyof ContainerStore>(key: T, value: ContainerStore[T]): Container;
+    get<T extends keyof ContainerStore>(key: T): ContainerStore[T];
+    has(key: keyof ContainerStore): boolean;
+}
+export {};

package/config/container.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+class Container {
+    constructor() {
+        this.store = {};
+    }
+    register(key, value) {
+        this.store[key] = value;
+        return this;
+    }
+    get(key) {
+        const value = this.store[key];
+        if (!value) {
+            throw new Error(`Container has no service '${key}'.`);
+        }
+        return value;
+    }
+    has(key) {
+        return (0, is_not_nil_1.isNotNil)(this.store[key]);
+    }
+}
+exports.Container = Container;

package/config/index.d.ts

@@ -0,0 +1,2 @@
+import { Container } from "./container";
+export declare const container: Container;

package/config/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.container = void 0;
+// eslint-disable-next-line import/no-cycle
+const container_1 = require("./container");
+exports.container = new container_1.Container();

package/content-builder/content-builder-body.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from "react";
+interface ContentBuilderBodyProps {
+    children: ReactNode;
+}
+export declare function ContentBuilderBody(props: ContentBuilderBodyProps): React.JSX.Element;
+export {};

package/content-builder/content-builder-body.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilderBody = ContentBuilderBody;
+const react_1 = __importDefault(require("react"));
+function ContentBuilderBody(props) {
+    return react_1.default.createElement("div", { className: "uxf-cb__body" }, props.children);
+}

package/content-builder/content-builder-header.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ContentBuilderHeaderProps {
+    title: string;
+    className?: string;
+}
+export declare function ContentBuilderHeader(props: ContentBuilderHeaderProps): React.JSX.Element;
+export {};

package/content-builder/content-builder-header.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilderHeader = ContentBuilderHeader;
+const translations_1 = require("@uxf/core-react/translations");
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+function ContentBuilderHeader(props) {
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement("div", { className: "uxf-cb__header" },
+        react_1.default.createElement("h1", { className: "uxg-cb__header-title uxf-typo-h5" }, props.title),
+        react_1.default.createElement(button_1.Button, { type: "submit" }, t("uxf-cms-content-builder:header.save"))));
+}

package/content-builder/content-builder-root.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from "react";
+import { FieldValues, SubmitErrorHandler, SubmitHandler, UseFormReturn } from "react-hook-form";
+interface ContentBuilderRootProps<FormData extends FieldValues> {
+    id: string;
+    children: ReactNode;
+    formApi: UseFormReturn<FormData>;
+    onSubmit: SubmitHandler<FormData>;
+    onError?: SubmitErrorHandler<FormData>;
+}
+export declare function ContentBuilderRoot<FormData extends FieldValues>(props: ContentBuilderRootProps<FormData>): React.JSX.Element;
+export {};

package/content-builder/content-builder-root.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilderRoot = ContentBuilderRoot;
+const form_1 = require("@uxf/form/form");
+const react_1 = __importDefault(require("react"));
+const details_visibility_context_1 = require("../pages/content-builder/context/details-visibility-context");
+function ContentBuilderRoot(props) {
+    return (react_1.default.createElement(form_1.Form, { className: "uxf-cb", formApi: props.formApi, id: props.id, onError: props.onError, onSubmit: props.onSubmit },
+        react_1.default.createElement(details_visibility_context_1.DetailsVisibilityProvider, null, props.children)));
+}

package/content-builder/content-builder-sidebar.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+interface Props {
+    children: ReactNode;
+    title: string;
+}
+export declare function ContentBuilderSidebar(props: Props): React.JSX.Element;
+export {};

package/content-builder/content-builder-sidebar.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentBuilderSidebar = ContentBuilderSidebar;
+const react_1 = __importDefault(require("react"));
+function ContentBuilderSidebar(props) {
+    return (react_1.default.createElement("div", { className: "uxf-cb__sidebar" },
+        react_1.default.createElement("h2", { className: "uxf-typo-h5" }, props.title),
+        props.children));
+}

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { SubmitHandler, UseFormReturn } from "react-hook-form";
+import { ContentComponent } from "../pages/content-builder";
+import { ContentBuilderFormData, FieldsConfiguration } from "./types";
+export interface ContentBuilderProps {
+    id?: string;
+    formApi: UseFormReturn<ContentBuilderFormData>;
+    onSubmit: SubmitHandler<ContentBuilderFormData>;
+    ContentComponents: ContentComponent<any>[];
+    uploadNamespace?: string;
+    fields?: FieldsConfiguration;
+    title?: string;
+}
+export declare function ContentBuilder(props: ContentBuilderProps): React.JSX.Element;

package/content-builder/content-builder.js

@@ -0,0 +1,57 @@
+"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.ContentBuilder = ContentBuilder;
+const translations_1 = require("@uxf/core-react/translations");
+const tabs_1 = require("@uxf/ui/tabs");
+const react_1 = __importStar(require("react"));
+const content_builder_1 = require("../pages/content-builder");
+const content_builder_body_1 = require("./content-builder-body");
+const content_builder_header_1 = require("./content-builder-header");
+const content_builder_root_1 = require("./content-builder-root");
+const content_builder_sidebar_1 = require("./content-builder-sidebar");
+const content_builder_basic_form_1 = require("./forms/content-builder-basic-form");
+const content_builder_seo_form_1 = require("./forms/content-builder-seo-form");
+var TabName;
+(function (TabName) {
+    TabName["Basic"] = "basic";
+    TabName["Seo"] = "seo";
+})(TabName || (TabName = {}));
+function ContentBuilder(props) {
+    var _a, _b;
+    const generatedId = (0, react_1.useId)();
+    const [activeTab, setActiveTab] = (0, react_1.useState)(TabName.Basic);
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement(content_builder_root_1.ContentBuilderRoot, { formApi: props.formApi, id: (_a = props.id) !== null && _a !== void 0 ? _a : generatedId, onSubmit: props.onSubmit },
+        react_1.default.createElement(content_builder_header_1.ContentBuilderHeader, { title: (_b = props.title) !== null && _b !== void 0 ? _b : t("uxf-cms-content-builder:settings.default-title") }),
+        react_1.default.createElement(content_builder_body_1.ContentBuilderBody, null,
+            react_1.default.createElement(content_builder_1.ContentField, { contentComponents: props.ContentComponents, control: props.formApi.control, name: "content" }),
+            react_1.default.createElement(content_builder_sidebar_1.ContentBuilderSidebar, { title: t("uxf-cms-content-builder:settings.settings") },
+                react_1.default.createElement(tabs_1.Tabs, { onChange: setActiveTab, value: activeTab },
+                    react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: t("uxf-cms-content-builder:settings.basic"), name: TabName.Basic },
+                        react_1.default.createElement(content_builder_basic_form_1.ContentBuilderBasicForm, { className: "space-y-8", fields: props.fields, formApi: props.formApi, uploadNamespace: props.uploadNamespace })),
+                    react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: "SEO", name: TabName.Seo },
+                        react_1.default.createElement(content_builder_seo_form_1.ContentBuilderSeoForm, { className: "space-y-8", fields: props.fields, formApi: props.formApi, uploadNamespace: props.uploadNamespace })))))));
+}

package/content-builder/forms/content-builder-basic-form.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { UseFormReturn } from "react-hook-form";
+import { ContentBuilderFormData, FieldsConfiguration } from "../types";
+export interface ContentBuilderBasicFormProps {
+    formApi: UseFormReturn<ContentBuilderFormData>;
+    className?: string;
+    uploadNamespace?: string;
+    fields?: FieldsConfiguration;
+}
+export declare function ContentBuilderBasicForm(props: ContentBuilderBasicFormProps): React.JSX.Element;