@uxf/cms 13.0.3 → 14.1.0

package/README.md

@@ -16,7 +16,7 @@ It is not a general UI kit (`@uxf/ui`), a form library (`@uxf/form`), or a data
 yarn add @uxf/cms
 ```
 
-Peer dependencies: `@uxf/core`, `@uxf/core-react`, `@uxf/data-grid`, `@uxf/form`, `@uxf/router`, `@uxf/styles`, `@uxf/ui`, `@uxf/wysiwyg`, `@dnd-kit/core`, `@dnd-kit/sortable`, `@dnd-kit/utilities`, `@floating-ui/react`, `axios`, `axios-hooks`, `swr`, `react-hook-form`, `next` (>=15.0.4), `react` (^19.3.0), `react-dom` (^19.3.0).
+Peer dependencies: `@uxf/core`, `@uxf/core-react`, `@uxf/data-grid`, `@uxf/form`, `@uxf/router`, `@uxf/styles`, `@uxf/ui`, `@uxf/wysiwyg`, `@dnd-kit/core`, `@dnd-kit/sortable`, `@dnd-kit/utilities`, `@floating-ui/react`, `axios`, `axios-hooks`, `swr`, `react-hook-form`, `next` (>=16.0.0), `react` (^19.3.0), `react-dom` (^19.3.0).
 
 Because it builds on `@uxf/ui`, `@uxf/form` and `@uxf/data-grid`, complete their setup as well (see [`@uxf/ui`](../ui/README.md) and [`@uxf/form`](../form/README.md)) — the `UiContextProvider`, the token layer, and the component CSS they require.
 

package/api/index.d.ts

@@ -149,6 +149,8 @@ export declare function autocomplete(ctx: any, path: {
 }, query: {
     term: string;
     limit?: number;
+}, options?: {
+    signal?: AbortSignal;
 }): AxiosPromise<AutocompleteResultResponse[]>;
 export declare function saveFormValues<T extends Record<string, any>>(ctx: any, path: {
     entityAlias: string;

package/api/index.js

@@ -57,8 +57,8 @@ function getFormValues(ctx, path) {
 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 autocomplete(ctx, path, query, options) {
+    return axiosRequest(ctx, `/api/cms/autocomplete/${path.name}`, "get", null, query, options);
 }
 function saveFormValues(ctx, path, body) {
     return path.id

package/api/swr.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDatagridGetSchemaQuery = exports.useCmsTablesQuery = exports.useCmsMeQuery = exports.useCmsUserConfigUpdateMutation = exports.useCmsUserConfigQuery = exports._fetch = exports.ApiError = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const swr_1 = __importDefault(require("swr"));
 const mutation_1 = __importDefault(require("swr/mutation"));
 class ApiError extends Error {
@@ -19,7 +20,7 @@ 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,
+        body: typeof body !== "undefined" ? JSON.stringify(body) : undefined
     }).then(async (res) => {
         const data = await res.json();
         if (!res.ok) {
@@ -29,15 +30,79 @@ const _fetch = (url, method = "GET", body = undefined) => {
     });
 };
 exports._fetch = _fetch;
-const useCmsUserConfigQuery = (config, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/user-config/${config.path.name}` : null, options);
+// UXF\CMS\Http\Request\Cms\SaveUserConfigRequestBody
+// UXF\CMS\Http\Response\UserResponse
+// UXF\Core\Contract\Metadata\Metadata
+const useCmsUserConfigQuery = (config, t0) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    let t1;
+    if ($[0] !== t0) {
+        t1 = t0 === undefined ? {} : t0;
+        $[0] = t0;
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    const options = t1;
+    return (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);
+const useCmsUserConfigUpdateMutation = (config, t0) => {
+    const options = t0 === undefined ? undefined : t0;
+    return (0, mutation_1.default)(`/api/cms/user-config/${config.path.name}`, _temp, options);
+};
 exports.useCmsUserConfigUpdateMutation = useCmsUserConfigUpdateMutation;
-const useCmsMeQuery = (config = {}, options = {}) => (0, swr_1.default)(config.skip !== true ? `/api/cms/me` : null, options);
+const useCmsMeQuery = (t0, t1) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    const config = t0 === undefined ? {} : t0;
+    let t2;
+    if ($[0] !== t1) {
+        t2 = t1 === undefined ? {} : t1;
+        $[0] = t1;
+        $[1] = t2;
+    }
+    else {
+        t2 = $[1];
+    }
+    const options = t2;
+    return (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);
+const useCmsTablesQuery = (t0, t1) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    const config = t0 === undefined ? {} : t0;
+    let t2;
+    if ($[0] !== t1) {
+        t2 = t1 === undefined ? {} : t1;
+        $[0] = t1;
+        $[1] = t2;
+    }
+    else {
+        t2 = $[1];
+    }
+    const options = t2;
+    return (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);
+const useDatagridGetSchemaQuery = (config, t0) => {
+    const $ = (0, compiler_runtime_1.c)(2);
+    let t1;
+    if ($[0] !== t0) {
+        t1 = t0 === undefined ? {} : t0;
+        $[0] = t0;
+        $[1] = t1;
+    }
+    else {
+        t1 = $[1];
+    }
+    const options = t1;
+    return (0, swr_1.default)(config.skip !== true ? `/api/cms/datagrid/schema/${config.path.name}` : null, options);
+};
 exports.useDatagridGetSchemaQuery = useDatagridGetSchemaQuery;
+function _temp(url, t0) {
+    const { arg: body } = t0;
+    return (0, exports._fetch)(url, "PUT", body);
+}

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

@@ -4,12 +4,51 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilderHeader = ContentBuilderHeader;
+const compiler_runtime_1 = require("react/compiler-runtime");
 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 $ = (0, compiler_runtime_1.c)(9);
     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"))));
+    let t0;
+    if ($[0] !== props.title) {
+        t0 = react_1.default.createElement("h1", { className: "uxg-cb__header-title uxf-typo-h5" }, props.title);
+        $[0] = props.title;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    let t1;
+    if ($[2] !== t) {
+        t1 = t("uxf-cms-content-builder:header.save");
+        $[2] = t;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== t1) {
+        t2 = react_1.default.createElement(button_1.Button, { type: "submit" }, t1);
+        $[4] = t1;
+        $[5] = t2;
+    }
+    else {
+        t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== t0 || $[7] !== t2) {
+        t3 = react_1.default.createElement("div", { className: "uxf-cb__header" },
+            t0,
+            t2);
+        $[6] = t0;
+        $[7] = t2;
+        $[8] = t3;
+    }
+    else {
+        t3 = $[8];
+    }
+    return t3;
 }

package/content-builder/content-builder.js

@@ -34,6 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilder = ContentBuilder;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const translations_1 = require("@uxf/core-react/translations");
 const tabs_1 = require("@uxf/ui/tabs");
 const react_1 = __importStar(require("react"));
@@ -44,29 +45,150 @@ 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) {
+var TabName = /*#__PURE__*/ function (TabName) {
     TabName["Basic"] = "basic";
     TabName["Seo"] = "seo";
-})(TabName || (TabName = {}));
+    return TabName;
+}(TabName || {});
 function ContentBuilder(props) {
     var _a, _b;
+    const $ = (0, compiler_runtime_1.c)(39);
     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, 
-                // react-hook-form 7.85 přidalo do Control člen `_options.validate`, který je
-                // kontravariantní v TFieldValues, takže konkrétní Control<ContentBuilderFormData>
-                // už není přiřaditelný do volného Control<any>, na kterém stojí celý
-                // content-builder plumbing (ContentProps, FormContent, FormRootFields).
-                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 })))))));
+    const t0 = props.formApi;
+    const t1 = (_a = props.id) !== null && _a !== void 0 ? _a : generatedId;
+    const t2 = props.onSubmit;
+    let t3;
+    if ($[0] !== props.title || $[1] !== t) {
+        t3 = (_b = props.title) !== null && _b !== void 0 ? _b : t("uxf-cms-content-builder:settings.default-title");
+        $[0] = props.title;
+        $[1] = t;
+        $[2] = t3;
+    }
+    else {
+        t3 = $[2];
+    }
+    let t4;
+    if ($[3] !== t3) {
+        t4 = react_1.default.createElement(content_builder_header_1.ContentBuilderHeader, { title: t3 });
+        $[3] = t3;
+        $[4] = t4;
+    }
+    else {
+        t4 = $[4];
+    }
+    const t5 = props.formApi.control;
+    let t6;
+    if ($[5] !== props.ContentComponents || $[6] !== t5) {
+        t6 = react_1.default.createElement(content_builder_1.ContentField, { contentComponents: props.ContentComponents, control: t5, name: "content" });
+        $[5] = props.ContentComponents;
+        $[6] = t5;
+        $[7] = t6;
+    }
+    else {
+        t6 = $[7];
+    }
+    let t7;
+    if ($[8] !== t) {
+        t7 = t("uxf-cms-content-builder:settings.settings");
+        $[8] = t;
+        $[9] = t7;
+    }
+    else {
+        t7 = $[9];
+    }
+    let t8;
+    if ($[10] !== t) {
+        t8 = t("uxf-cms-content-builder:settings.basic");
+        $[10] = t;
+        $[11] = t8;
+    }
+    else {
+        t8 = $[11];
+    }
+    let t9;
+    if ($[12] !== props.fields || $[13] !== props.formApi || $[14] !== props.uploadNamespace) {
+        t9 = react_1.default.createElement(content_builder_basic_form_1.ContentBuilderBasicForm, { className: "space-y-8", fields: props.fields, formApi: props.formApi, uploadNamespace: props.uploadNamespace });
+        $[12] = props.fields;
+        $[13] = props.formApi;
+        $[14] = props.uploadNamespace;
+        $[15] = t9;
+    }
+    else {
+        t9 = $[15];
+    }
+    let t10;
+    if ($[16] !== t8 || $[17] !== t9) {
+        t10 = react_1.default.createElement(tabs_1.Tabs.Panel, { isAlwaysMounted: true, label: t8, name: TabName.Basic }, t9);
+        $[16] = t8;
+        $[17] = t9;
+        $[18] = t10;
+    }
+    else {
+        t10 = $[18];
+    }
+    let t11;
+    if ($[19] !== props.fields || $[20] !== props.formApi || $[21] !== props.uploadNamespace) {
+        t11 = 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 }));
+        $[19] = props.fields;
+        $[20] = props.formApi;
+        $[21] = props.uploadNamespace;
+        $[22] = t11;
+    }
+    else {
+        t11 = $[22];
+    }
+    let t12;
+    if ($[23] !== activeTab || $[24] !== t10 || $[25] !== t11) {
+        t12 = react_1.default.createElement(tabs_1.Tabs, { onChange: setActiveTab, value: activeTab },
+            t10,
+            t11);
+        $[23] = activeTab;
+        $[24] = t10;
+        $[25] = t11;
+        $[26] = t12;
+    }
+    else {
+        t12 = $[26];
+    }
+    let t13;
+    if ($[27] !== t12 || $[28] !== t7) {
+        t13 = react_1.default.createElement(content_builder_sidebar_1.ContentBuilderSidebar, { title: t7 }, t12);
+        $[27] = t12;
+        $[28] = t7;
+        $[29] = t13;
+    }
+    else {
+        t13 = $[29];
+    }
+    let t14;
+    if ($[30] !== t13 || $[31] !== t6) {
+        t14 = react_1.default.createElement(content_builder_body_1.ContentBuilderBody, null,
+            t6,
+            t13);
+        $[30] = t13;
+        $[31] = t6;
+        $[32] = t14;
+    }
+    else {
+        t14 = $[32];
+    }
+    let t15;
+    if ($[33] !== props.formApi || $[34] !== props.onSubmit || $[35] !== t1 || $[36] !== t14 || $[37] !== t4) {
+        t15 = react_1.default.createElement(content_builder_root_1.ContentBuilderRoot, { formApi: t0, id: t1, onSubmit: t2 },
+            t4,
+            t14);
+        $[33] = props.formApi;
+        $[34] = props.onSubmit;
+        $[35] = t1;
+        $[36] = t14;
+        $[37] = t4;
+        $[38] = t15;
+    }
+    else {
+        t15 = $[38];
+    }
+    return t15;
 }

package/content-builder/content-builder.stories.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = __importDefault(require("react"));
 const content_builder_1 = require("@uxf/cms/content-builder");
 const use_content_builder_form_api_1 = require("@uxf/cms/content-builder/use-content-builder-form-api");
@@ -11,9 +12,27 @@ const people_1 = require("@uxf/cms/pages/content-builder/content/people");
 const wysiwyg_1 = require("@uxf/cms/pages/content-builder/content/wysiwyg");
 const Contents = [wysiwyg_1.Wysiwyg, people_1.People];
 function Default() {
-    const formApi = (0, use_content_builder_form_api_1.useContentBuilderFormApi)({
-        defaultValues: (0, content_builder_1.mapContentResponseToFormData)(null),
-    });
-    return (react_1.default.createElement("div", { className: "bg-neutral-200" },
-        react_1.default.createElement(content_builder_1.ContentBuilder, { ContentComponents: Contents, formApi: formApi, onSubmit: console.log })));
+    const $ = (0, compiler_runtime_1.c)(3);
+    let t0;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = {
+            defaultValues: (0, content_builder_1.mapContentResponseToFormData)(null)
+        };
+        $[0] = t0;
+    }
+    else {
+        t0 = $[0];
+    }
+    const formApi = (0, use_content_builder_form_api_1.useContentBuilderFormApi)(t0);
+    let t1;
+    if ($[1] !== formApi) {
+        t1 = react_1.default.createElement("div", { className: "bg-neutral-200" },
+            react_1.default.createElement(content_builder_1.ContentBuilder, { ContentComponents: Contents, formApi: formApi, onSubmit: console.log }));
+        $[1] = formApi;
+        $[2] = t1;
+    }
+    else {
+        t1 = $[2];
+    }
+    return t1;
 }