@uxf/cms 10.0.0-beta.79 → 10.0.0-beta.80

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

@@ -24,12 +24,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserMenu = void 0;
-const react_1 = __importStar(require("react"));
-const icon_1 = require("@uxf/ui/icon");
-const list_item_1 = require("./list-item");
 const classes_1 = require("@uxf/core/constants/classes");
+const icon_1 = require("@uxf/ui/icon");
+const react_1 = __importStar(require("react"));
 const avatar_1 = require("../../../ui/avatar");
 const get_avatar_user_letters_1 = require("../../../ui/avatar/get-avatar-user-letters");
+const list_item_1 = require("./list-item");
 const Component = (props) => {
     const [isSubmenuOpen, setIsSubmenuOpen] = (0, react_1.useState)(false);
     const hasSubmenu = props.submenu.length > 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "10.0.0-beta.79",
+  "version": "10.0.0-beta.80",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -20,59 +20,44 @@
   },
   "scripts": {
     "build": "tsc -P tsconfig.json",
+    "tw-tokens:check": "ts-node ../ui/scripts/generate-tw-tokens.js --mode=\"check\" --twConfig=\"./utils/tailwind.config.js\" --outputPath=\"./ui/tw-tokens/\"",
+    "tw-tokens:gen": "ts-node ../ui/scripts/generate-tw-tokens.js --twConfig=\"./utils/tailwind.config.js\" --outputPath=\"./ui/tw-tokens/\"",
     "typecheck": "tsc --noEmit --skipLibCheck"
   },
   "dependencies": {
-    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/sortable": "^7.0.2",
-    "@dnd-kit/utilities": "^3.2.1",
-    "@floating-ui/react": "0.24.2",
-    "es6-error": "^4.1.1",
-    "path-to-regexp": "^6.2.1",
-    "react-hook-form": "7.44.3",
-    "react-redux": "^7.2.5",
-    "redux": "^4.1.1",
-    "redux-devtools-extension": "^2.13.9"
-  },
-  "devDependencies": {
-    "@next/font": "^13.4.4",
-    "@types/express-http-proxy": "^1.6.3",
-    "@types/node": "^18.11.18",
-    "@types/qs": "^6.9.7",
-    "@types/react": "18.2.6",
-    "@types/react-dom": "18.2.4",
-    "@uxf/core": "10.0.0-beta.37",
-    "@uxf/data-grid": "10.0.0-beta.79",
-    "@uxf/form": "10.0.0-beta.79",
-    "@uxf/icons-generator": "10.0.0-beta.76",
-    "@uxf/router": "10.0.0-beta.18",
-    "@uxf/ui": "10.0.0-beta.79",
-    "@uxf/wysiwyg": "10.0.0-beta.79",
-    "axios": "^1.4.0",
-    "axios-hooks": "^4.0.0",
-    "coordinate-parser": "1.0.7",
-    "dayjs": "^1.11.7",
-    "next": "^13.4.4",
-    "path": "^0.12.7",
-    "qs": "^6.11.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@dnd-kit/core": "6.0.8",
+    "@dnd-kit/sortable": "7.0.2",
+    "@dnd-kit/utilities": "3.2.1",
+    "@floating-ui/react": "0.26.0",
+    "@redux-devtools/extension": "3.2.5",
+    "@uxf/core": "10.0.0-beta.80",
+    "@uxf/data-grid": "10.0.0-beta.80",
+    "@uxf/form": "10.0.0-beta.80",
+    "@uxf/router": "10.0.0-beta.80",
+    "@uxf/ui": "10.0.0-beta.80",
+    "@uxf/wysiwyg": "10.0.0-beta.80",
+    "axios": "1.5.1",
+    "axios-hooks": "5.0.0",
+    "es6-error": "4.1.1",
+    "qs": "6.11.2",
+    "react-hook-form": "7.47.0",
+    "react-redux": "8.1.3",
+    "redux": "4.2.1"
   },
   "peerDependencies": {
-    "@uxf/core": "10.0.0-beta.37",
-    "@uxf/data-grid": "10.0.0-beta.79",
-    "@uxf/form": "10.0.0-beta.79",
-    "@uxf/ui": "10.0.0-beta.79",
-    "@uxf/wysiwyg": "10.0.0-beta.79",
-    "axios": "^1.4.0",
-    "axios-hooks": "^4.0.0",
-    "dayjs": "^1.11.7",
-    "react": ">= 18.2.0",
-    "react-dom": ">= 18.2.0",
-    "react-dropzone": "^14.2.3"
+    "@next/font": ">=12",
+    "next": ">=12",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0"
   },
-  "volta": {
-    "node": "18.5.0",
-    "npm": "8.12.1"
+  "devDependencies": {
+    "@next/font": "13.5.4",
+    "@types/node": "18.18.4",
+    "@types/qs": "6.9.8",
+    "@types/react": "18.2.27",
+    "@types/react-dom": "18.2.12",
+    "next": "13.5.4",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }

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

@@ -26,8 +26,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChangePasswordPage = void 0;
 const react_1 = __importStar(require("react"));
 const config_1 = require("../../config");
-const change_password_form_1 = require("../../forms/change-password-form");
 const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
+const change_password_form_1 = require("../../forms/change-password-form");
 const INITIAL_VALUES = {
     originalPassword: "",
     newPassword: "",

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

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

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

@@ -1,6 +1,6 @@
 import { FC } from "react";
-import { ContentComponent, ContentProps } from "../types";
 import { Control } from "react-hook-form";
+import { ContentComponent, ContentProps } from "../types";
 interface FormSectionProps extends Omit<ContentProps, "TypeInputProps"> {
     contentComponents: ContentComponent<any>[];
     control: Control<any>;

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

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormContent = void 0;
-const react_1 = __importDefault(require("react"));
-const react_hook_form_1 = require("react-hook-form");
 const sortable_1 = require("@dnd-kit/sortable");
 const utilities_1 = require("@dnd-kit/utilities");
-const paper_1 = require("@uxf/ui/paper/paper");
 const button_1 = require("@uxf/ui/button");
-const modal_service_1 = require("@uxf/ui/modal/modal-service");
 const icon_1 = require("@uxf/ui/icon");
+const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const paper_1 = require("@uxf/ui/paper/paper");
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
 const getSection = (sections, type) => {
     return sections.find((s) => s.getConfig().type === type);
 };

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

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from "react";
-import { ContentBuilderConfig } from "../types";
 import { Control } from "react-hook-form";
+import { ContentBuilderConfig } from "../types";
 interface Props {
     config: ContentBuilderConfig<any>;
     id: number | null;

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

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormRootFields = void 0;
 const checkbox_input_1 = require("@uxf/form/checkbox-input");
 const combobox_1 = require("@uxf/form/combobox/combobox");
+const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
 const file_input_1 = require("@uxf/form/file-input");
 const multi_combobox_1 = require("@uxf/form/multi-combobox");
 const select_1 = require("@uxf/form/select");
 const text_input_1 = require("@uxf/form/text-input");
 const textarea_1 = require("@uxf/form/textarea");
+const tabs_1 = require("@uxf/ui/tabs");
 const react_1 = __importDefault(require("react"));
 const api_1 = require("../../../api");
 const on_upload_file_1 = require("../../../forms/utils/on-upload-file");
-const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
-const tabs_1 = require("@uxf/ui/tabs");
 const options = [
     { id: "PRIVATE", label: "Privátní" },
     { id: "PUBLIC_WITHOUT_SITEMAP", label: "Veřejný bez sitemapy" },

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

@@ -1,7 +1,7 @@
-import { FC } from "react";
 import { FormProps as UXFFormProps } from "@uxf/form/form";
-import { ContentBuilderConfig, RootContent } from "../types";
+import { FC } from "react";
 import { DefaultValues } from "react-hook-form";
+import { ContentBuilderConfig, RootContent } from "../types";
 export interface FormProps extends Omit<UXFFormProps<RootContent<any>>, "children" | "formApi" | "id" | "omitSubmitInput"> {
     config: ContentBuilderConfig<any>;
     id: number | null;

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

@@ -24,14 +24,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
-const react_1 = __importStar(require("react"));
 const form_1 = require("@uxf/form/form");
-const form_root_fields_1 = require("./form-root-fields");
-const content_field_1 = require("../content-field");
+const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const details_visibility_context_1 = require("../context/details-visibility-context");
 const use_viewport_height_1 = require("../../../utils/use-viewport-height");
 const constants_1 = require("../constants");
+const content_field_1 = require("../content-field");
+const details_visibility_context_1 = require("../context/details-visibility-context");
+const form_root_fields_1 = require("./form-root-fields");
 const Form = (props) => {
     const formApi = (0, react_hook_form_1.useForm)({ defaultValues: props.defaultValues });
     const viewportHeight = (0, use_viewport_height_1.useViewportHeight)(true);

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

@@ -24,11 +24,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Header = void 0;
+const button_1 = require("@uxf/ui/button");
+const button_group_1 = require("@uxf/ui/button-group");
 const react_1 = __importStar(require("react"));
 const layout_container_1 = require("../../../lib/layout/layout-container");
 const constants_1 = require("../constants");
-const button_group_1 = require("@uxf/ui/button-group");
-const button_1 = require("@uxf/ui/button");
 const Header = (props) => {
     const [language, setLanguage] = (0, react_1.useState)("cs");
     return (react_1.default.createElement("div", { className: "sticky top-0 z-10 bg-white shadow-md dark:bg-gray-950", id: constants_1.CONTENT_BUILDER_PAGE_HEADER_ID },

package/pages/content-builder/content/feature-section.d.ts

@@ -1,6 +1,6 @@
 import { WysiwygContent } from "@uxf/wysiwyg";
-import { Content, ContentComponent, ContentProps } from "../types";
 import { FileResponse } from "../../../api";
+import { Content, ContentComponent, ContentProps } from "../types";
 export type FeatureSectionFormData = {
     title: string;
     subtitle?: string;

package/pages/content-builder/content/feature-section.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureSection = void 0;
-const text_input_1 = require("@uxf/form/text-input");
-const react_1 = __importDefault(require("react"));
-const content_header_1 = require("../content-header");
 const file_input_1 = require("@uxf/form/file-input");
+const text_input_1 = require("@uxf/form/text-input");
 const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const on_upload_dropzone_file_1 = require("../../../forms/utils/on-upload-dropzone-file");
 const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
+const on_upload_dropzone_file_1 = require("../../../forms/utils/on-upload-dropzone-file");
+const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const FeatureSection = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);

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

@@ -1,5 +1,5 @@
-import { Content, ContentComponent, ContentProps } from "../types";
 import { FileResponse } from "../../../api";
+import { Content, ContentComponent, ContentProps } from "../types";
 export type GalleryFormData = {
     images?: FileResponse[];
 };

package/pages/content-builder/content/gallery.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Gallery = void 0;
-const react_1 = __importDefault(require("react"));
-const content_header_1 = require("../content-header");
 const dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
 const dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
+const react_1 = __importDefault(require("react"));
 const on_upload_dropzone_file_1 = require("../../../forms/utils/on-upload-dropzone-file");
+const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const Gallery = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);

package/pages/content-builder/content/hero-section.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroSection = void 0;
 const text_input_1 = require("@uxf/form/text-input");
 const react_1 = __importDefault(require("react"));
-const content_header_1 = require("../content-header");
 const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
+const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const HeroSection = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);

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

@@ -1,5 +1,5 @@
-import { Content, ContentComponent, ContentProps } from "../types";
 import { FileResponse } from "../../../api";
+import { Content, ContentComponent, ContentProps } from "../types";
 export type PersonFormData = {
     name?: string;
     subtitle?: string;

package/pages/content-builder/content/people.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.People = void 0;
-const react_1 = __importDefault(require("react"));
-const content_header_1 = require("../content-header");
-const react_hook_form_1 = require("react-hook-form");
-const button_1 = require("@uxf/ui/button");
+const file_input_1 = require("@uxf/form/file-input");
 const text_input_1 = require("@uxf/form/text-input");
 const textarea_1 = require("@uxf/form/textarea");
-const file_input_1 = require("@uxf/form/file-input");
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
 const on_upload_file_1 = require("../../../forms/utils/on-upload-file");
+const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const People = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);

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

@@ -1,7 +1,7 @@
-import { Content, ContentComponent, ContentProps } from "../types";
-import { WysiwygEditorProps } from "@uxf/wysiwyg/wysiwyg-editor";
 import { WysiwygPlugin } from "@uxf/wysiwyg";
 import { CreateAllPluginsOptions } from "@uxf/wysiwyg/create-all-plugins-with-ui";
+import { WysiwygEditorProps } from "@uxf/wysiwyg/wysiwyg-editor";
+import { Content, ContentComponent, ContentProps } from "../types";
 export type WysiwygContent = Content<"wysiwyg", any>;
 type ConfigProps = {
     editorProps?: Partial<Omit<WysiwygEditorProps, "value" | "onChange">>;

package/pages/content-builder/content/wysiwyg.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wysiwyg = void 0;
 const react_1 = __importDefault(require("react"));
-const content_header_1 = require("../content-header");
 const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
+const content_header_1 = require("../content-header");
 const details_visibility_context_1 = require("../context/details-visibility-context");
 const Wysiwyg = (props) => {
     const [visibility] = (0, details_visibility_context_1.useDetailsVisibilityForSection)(props.id);

package/pages/content-builder/content-builder-page.js

@@ -24,13 +24,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentBuilderPage = void 0;
+const router_1 = require("@uxf/router");
 const react_1 = __importStar(require("react"));
-const form_1 = require("./components/form");
-const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
 const api_1 = require("../../api");
-const router_1 = require("@uxf/router");
-const mapper_1 = require("./mapper");
 const config_1 = require("../../config");
+const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
+const form_1 = require("./components/form");
+const mapper_1 = require("./mapper");
 const DefaultLayout = (props) => react_1.default.createElement("div", { ...props });
 const defaultInitialValues = async (ctx) => {
     const contentId = ctx.query.id ? (0, router_1.queryParamToNumber)(ctx.query.id) : null;

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

@@ -1,6 +1,6 @@
 import { FC } from "react";
-import { ContentComponent } from "./types";
 import { Control } from "react-hook-form";
+import { ContentComponent } from "./types";
 interface ContentFieldProps {
     contentComponents: ContentComponent<any>[];
     name: string;

package/pages/content-builder/content-field.js

@@ -4,16 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentField = void 0;
-const form_content_1 = require("./components/form-content");
-const react_1 = __importDefault(require("react"));
-const button_1 = require("@uxf/ui/button");
-const react_hook_form_1 = require("react-hook-form");
 const core_1 = require("@dnd-kit/core");
 const sortable_1 = require("@dnd-kit/sortable");
+const button_1 = require("@uxf/ui/button");
+const icon_1 = require("@uxf/ui/icon");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
-const use_sortable_1 = require("./hooks/use-sortable");
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const form_content_1 = require("./components/form-content");
 const details_visibility_context_1 = require("./context/details-visibility-context");
-const icon_1 = require("@uxf/ui/icon");
+const use_sortable_1 = require("./hooks/use-sortable");
 const ContentField = (props) => {
     const { fields, remove, insert, move } = (0, react_hook_form_1.useFieldArray)({
         name: `${props.name}.data`,

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

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

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

@@ -24,14 +24,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentHeader = void 0;
-const react_1 = __importStar(require("react"));
+const useClickableProps_1 = require("@uxf/core/hooks/useClickableProps");
 const button_1 = require("@uxf/ui/button");
-const icon_1 = require("@uxf/ui/icon");
 const datetime_picker_input_1 = require("@uxf/ui/datetime-picker-input");
-const useClickableProps_1 = require("@uxf/core/hooks/useClickableProps");
-const details_visibility_context_1 = require("./context/details-visibility-context");
-const paper_1 = require("@uxf/ui/paper/paper");
+const icon_1 = require("@uxf/ui/icon");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const paper_1 = require("@uxf/ui/paper/paper");
+const react_1 = __importStar(require("react"));
+const details_visibility_context_1 = require("./context/details-visibility-context");
 const ContentHeader = (props) => {
     const [validityFrom, setValidityFrom] = (0, react_1.useState)(null);
     const [validityTo, setValidityTo] = (0, react_1.useState)(null);

package/pages/content-builder/hooks/use-sortable.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSortable = void 0;
-const react_1 = require("react");
 const core_1 = require("@dnd-kit/core");
 const sortable_1 = require("@dnd-kit/sortable");
+const react_1 = require("react");
 const useSortable = ({ fields, handleDragEnd }) => {
     const [sortableItems, setSortableItems] = (0, react_1.useState)(fields);
     const [activeElement, setActiveElement] = (0, react_1.useState)(null);

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

@@ -1,5 +1,5 @@
-export * from "./types";
 export * from "./content-builder-page";
-export * from "./content-header";
 export * from "./content-field";
+export * from "./content-header";
 export * from "./mapper";
+export * from "./types";

package/pages/content-builder/index.js

@@ -14,8 +14,8 @@ 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("./types"), exports);
 __exportStar(require("./content-builder-page"), exports);
-__exportStar(require("./content-header"), exports);
 __exportStar(require("./content-field"), exports);
+__exportStar(require("./content-header"), exports);
 __exportStar(require("./mapper"), exports);
+__exportStar(require("./types"), exports);

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

@@ -1,4 +1,4 @@
-import { RootContent } from "./types";
 import { ContentRequestBody, ContentResponse } from "../../api";
+import { RootContent } from "./types";
 export declare function mapResponseToFormData(response: ContentResponse): RootContent<any>;
 export declare function mapFormDataToRequest(values: RootContent<any>): ContentRequestBody;

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

@@ -1,8 +1,8 @@
+import { SelectProps } from "@uxf/form/select";
 import { NextPageContext } from "next";
 import { FC, PropsWithChildren, ReactNode } from "react";
-import { ContentResponse, ContentTagResponse, FileResponse } from "../../api";
 import { Control, ControllerRenderProps } from "react-hook-form";
-import { SelectProps } from "@uxf/form/select";
+import { ContentResponse, ContentTagResponse, FileResponse } from "../../api";
 export type VisibilityLevel = "PUBLIC" | "PUBLIC_WITHOUT_SITEMAP" | "PRIVATE";
 export interface ContentProps {
     title: ReactNode;

package/pages/form-page/base-field.js

@@ -4,26 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseField = void 0;
-const react_1 = __importDefault(require("react"));
-const api_1 = require("../../api");
-const select_1 = require("@uxf/form/select");
 const checkbox_input_1 = require("@uxf/form/checkbox-input");
-const text_input_1 = require("@uxf/form/text-input");
-const textarea_1 = require("@uxf/form/textarea");
-const date_picker_input_1 = require("@uxf/form/date-picker-input");
-// eslint-disable-next-line import/no-cycle
-const field_array_1 = require("./field-array");
 const combobox_1 = require("@uxf/form/combobox");
-const multi_combobox_1 = require("@uxf/form/multi-combobox");
-const file_input_1 = require("@uxf/form/file-input");
+const date_picker_input_1 = require("@uxf/form/date-picker-input");
+const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
 const dropzone_input_1 = require("@uxf/form/dropzone/dropzone-input");
-const on_upload_file_1 = require("../../forms/utils/on-upload-file");
 const dropzone_list_1 = require("@uxf/form/dropzone/dropzone-list");
-const label_1 = require("@uxf/ui/label");
-const on_upload_dropzone_file_1 = require("../../forms/utils/on-upload-dropzone-file");
+const file_input_1 = require("@uxf/form/file-input");
+const multi_combobox_1 = require("@uxf/form/multi-combobox");
 const number_input_1 = require("@uxf/form/number-input");
+const select_1 = require("@uxf/form/select");
+const text_input_1 = require("@uxf/form/text-input");
+const textarea_1 = require("@uxf/form/textarea");
 const time_picker_input_1 = require("@uxf/form/time-picker-input");
-const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
+const label_1 = require("@uxf/ui/label");
+const react_1 = __importDefault(require("react"));
+const api_1 = require("../../api");
+const on_upload_dropzone_file_1 = require("../../forms/utils/on-upload-dropzone-file");
+const on_upload_file_1 = require("../../forms/utils/on-upload-file");
+// eslint-disable-next-line import/no-cycle
+const field_array_1 = require("./field-array");
 const content_1 = require("./field/content");
 // eslint-disable-next-line complexity
 const BaseField = (props) => {

package/pages/form-page/field-array.js

@@ -24,12 +24,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldArray = void 0;
+const button_1 = require("@uxf/ui/button");
+const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const button_1 = require("@uxf/ui/button");
 // eslint-disable-next-line import/no-cycle
 const base_field_1 = require("./base-field");
-const icon_1 = require("@uxf/ui/icon");
 const FieldArray = (props) => {
     // eslint-disable-next-line react/destructuring-assignment
     const { fieldName, fieldSchema, isEditing, entityAlias, control } = props;

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

@@ -1,10 +1,11 @@
+import { DefaultValues } from "react-hook-form";
 import { EntityMetaSchema, FormSchemaResponse } from "../../api";
 import { FormPageConfig } from "./types";
 export interface InitialProps<T extends {
     id?: number | null;
 }> {
     formSchema: FormSchemaResponse;
-    initialValues: T | null;
+    initialValues: DefaultValues<T>;
     entityAlias: string;
     entityId: number | null;
     entityMetaSchema: EntityMetaSchema;

package/pages/form-page/form-page.js

@@ -29,14 +29,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormPage = void 0;
 const router_1 = __importDefault(require("next/router"));
 const react_1 = __importStar(require("react"));
-const form_1 = require("./form");
+const react_hook_form_1 = require("react-hook-form");
 const api_1 = require("../../api");
 const config_1 = require("../../config");
 const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
 const ValidationError_1 = require("../../errors/ValidationError");
 const base_field_1 = require("./base-field");
+const form_1 = require("./form");
 const mapper_1 = require("./mapper");
-const react_hook_form_1 = require("react-hook-form");
 const resolve = (value, ctx) => (typeof value === "function" ? value(ctx) : value !== null && value !== void 0 ? value : null);
 const FormPage = (config) => {
     var _a, _b, _c;
@@ -44,9 +44,9 @@ const FormPage = (config) => {
     const entityAliasResolver = (_b = config.entityAlias) !== null && _b !== void 0 ? _b : (({ query }) => (query.entityAlias ? `${query.entityAlias}` : null));
     const onSaveDone = (_c = config.onSaveDone) !== null && _c !== void 0 ? _c : router_1.default.back;
     const Component = (props) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d;
         const { formSchema, entityAlias, entityId, entityMetaSchema } = props;
-        const formApi = (0, react_hook_form_1.useForm)({ defaultValues: ((_a = props.initialValues) !== null && _a !== void 0 ? _a : {}) });
+        const formApi = (0, react_hook_form_1.useForm)({ defaultValues: props.initialValues });
         const onSubmit = (0, react_1.useCallback)(async (values) => {
             try {
                 const newInitialValues = config.onSave
@@ -65,8 +65,8 @@ const FormPage = (config) => {
                 return { ["ERROR"]: "Error" }; // TODO
             }
         }, [entityAlias, entityId, formSchema, formApi]);
-        const FieldComponentElement = (_c = (_b = config.ui) === null || _b === void 0 ? void 0 : _b.Field) !== null && _c !== void 0 ? _c : base_field_1.BaseField;
-        const Layout = (_e = (_d = config.ui) === null || _d === void 0 ? void 0 : _d.Layout) !== null && _e !== void 0 ? _e : react_1.default.createElement("div", null);
+        const FieldComponentElement = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Field) !== null && _b !== void 0 ? _b : base_field_1.BaseField;
+        const Layout = (_d = (_c = config.ui) === null || _c === void 0 ? void 0 : _c.Layout) !== null && _d !== void 0 ? _d : react_1.default.createElement("div", null);
         const Content = (react_1.default.createElement(form_1.Form, { Field: FieldComponentElement, entityAlias: entityAlias, formApi: formApi, id: `${entityAlias}-form`, isEditing: !!entityId, onSubmit: onSubmit, schema: formSchema }));
         return (0, react_1.cloneElement)(typeof Layout === "function" ? Layout(entityMetaSchema) : Layout, {
             children: Content,
@@ -82,7 +82,7 @@ const FormPage = (config) => {
             throw new Error(`Entity meta schema for alias ${entityAlias} does not exist.`);
         }
         const formSchema = await (0, api_1.getFormSchema)(ctx, { entityAlias }).then((r) => r.data);
-        let initialValues = null; // TODO vejvis
+        let initialValues; // TODO vejvis
         if (typeof config.initialValues === "function") {
             initialValues = await config.initialValues(ctx);
         }