@uxf/cms 10.0.0-beta.8 → 10.0.0-beta.81

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "10.0.0-beta.8",
+  "version": "10.0.0-beta.81",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -20,65 +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"
-  },
-  "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.8",
-    "@uxf/data-grid": "10.0.0-beta.8",
-    "@uxf/eslint-config": "^1.3.0",
-    "@uxf/form": "10.0.0-beta.8",
-    "@uxf/icons-generator": "^1.3.0",
-    "@uxf/router": "10.0.0-beta.3",
-    "@uxf/ui": "10.0.0-beta.8",
-    "@uxf/wysiwyg": "10.0.0-beta.8",
-    "autoprefixer": "^10.4.14",
-    "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",
-    "postcss": "^8.4.24",
-    "postcss-focus-visible": "^8.0.2",
-    "postcss-import": "^15.1.0",
-    "postcss-pxtorem": "^6.0.0",
-    "postcss-syntax": "^0.36.2",
-    "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.81",
+    "@uxf/form": "10.0.0-beta.81",
+    "@uxf/router": "10.0.0-beta.80",
+    "@uxf/ui": "10.0.0-beta.81",
+    "@uxf/wysiwyg": "10.0.0-beta.81",
+    "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.8",
-    "@uxf/data-grid": "10.0.0-beta.8",
-    "@uxf/form": "10.0.0-beta.8",
-    "@uxf/ui": "10.0.0-beta.8",
-    "@uxf/wysiwyg": "10.0.0-beta.8",
-    "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);
 };
@@ -55,7 +55,7 @@ const FormContent = (props) => {
         react_1.default.createElement(paper_1.Paper, { className: "grid grid-cols-[34px_1fr_34px] p-4 dark:bg-gray-800" },
             react_1.default.createElement("div", null),
             react_1.default.createElement("div", { className: "flex grow items-center justify-center" },
-                react_1.default.createElement("p", { className: "font-bold text-error" }, "Nepodporovan\u00E1 sekce")),
+                react_1.default.createElement("p", { className: "text-error font-bold" }, "Nepodporovan\u00E1 sekce")),
             react_1.default.createElement(button_1.Button, { variant: "white", size: "sm", isIconButton: true, onClick: onRemove },
                 react_1.default.createElement(icon_1.Icon, { name: "delete" }))),
         react_1.default.createElement(AddSectionButton, { contentComponents: contentComponents, createSection: createSection, index: index })));

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,19 +4,19 @@ 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);
     const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: `${props.name}.features` });
-    return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
+    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
         visibility && (react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },
@@ -32,7 +32,7 @@ const FeatureSection = (props) => {
                                 remove(index);
                             }
                         };
-                        return (react_1.default.createElement("div", { key: field.id, className: "mb-8 border-l-2 border-primary pl-8" },
+                        return (react_1.default.createElement("div", { key: field.id, className: "border-primary mb-8 border-l-2 pl-8" },
                             react_1.default.createElement("div", { className: "flex justify-between" },
                                 react_1.default.createElement("h4", { className: "uxf-typo-h6" },
                                     "Feature #",

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,15 +4,15 @@ 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);
-    return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
+    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
         visibility && (react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement(dropzone_input_1.DropzoneInput, { name: `${props.name}.images`, control: props.control, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile }),

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

@@ -6,12 +6,12 @@ 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);
-    return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
+    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
         visibility && (react_1.default.createElement("div", { className: "p-4" },
             react_1.default.createElement("div", { className: "mt-2 grid grid-cols-12 gap-4" },

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,19 +4,19 @@ 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);
     const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control: props.control, name: `${props.name}.people` });
-    return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
+    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { ...props }),
         visibility && (react_1.default.createElement("div", { className: "p-4" },
             fields.map((field, index) => {
@@ -26,7 +26,7 @@ const People = (props) => {
                         remove(index);
                     }
                 };
-                return (react_1.default.createElement("div", { key: field.id, className: "mb-8 border-l-2 border-primary pl-8" },
+                return (react_1.default.createElement("div", { key: field.id, className: "border-primary mb-8 border-l-2 pl-8" },
                     react_1.default.createElement("div", { className: "flex justify-between" },
                         react_1.default.createElement("h4", { className: "uxf-typo-h6 mb-3 pt-1" },
                             "Osoba #",

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,12 +5,12 @@ 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);
-    return (react_1.default.createElement("div", { className: "divide-y divide-lightBorder dark:divide-darkBorder" },
+    return (react_1.default.createElement("div", { className: "divide-lightBorder dark:divide-darkBorder divide-y" },
         react_1.default.createElement(content_header_1.ContentHeader, { id: props.id, control: props.control, name: props.name, index: props.index, onRemove: props.onRemove, TypeInputProps: props.TypeInputProps, title: props.title }),
         visibility && (react_1.default.createElement(wysiwyg_input_1.WysiwygInput, { allPluginsOptions: props.allPluginsOptions, plugins: props.plugins, editorProps: props.editorProps, control: props.control, isRequired: true, label: "Text", name: `${props.name}.content`, placeholder: "Zadejte text", className: "p-4" }))));
 };

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, ReactNode } from "react";
-import { ContentResponse, ContentTagResponse, FileResponse } from "../../api";
+import { FC, PropsWithChildren, ReactNode } from "react";
 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;
@@ -35,9 +35,7 @@ export interface ContentBuilderConfig<Contents extends Content<string, any>> {
     initialValues?: RootContent<Contents> | ((ctx: NextPageContext) => Promise<RootContent<Contents>>);
     allowedRoles?: string[];
     ui: {
-        Layout?: FC<{
-            children?: ReactNode;
-        }>;
+        Layout?: FC<PropsWithChildren>;
     };
     hide?: {
         author?: boolean;

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;