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

package/forms/invite-user-form/invite-user-form.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/lib/layout/layout.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/lib/menu/ui/sub-menu/use-sub-menu.d.ts

@@ -3,18 +3,18 @@ export interface SubMenuOptions {
     isMobile?: boolean;
 }
 export declare function useSubMenu(options: SubMenuOptions): {
-    placement: import("@floating-ui/react").Placement;
-    strategy: import("@floating-ui/react").Strategy;
-    middlewareData: import("@floating-ui/react").MiddlewareData;
+    placement: import("@floating-ui/utils").Placement;
+    strategy: import("@floating-ui/utils").Strategy;
+    middlewareData: import("@floating-ui/core").MiddlewareData;
     x: number;
     y: number;
     update: () => void;
     context: {
         x: number;
         y: number;
-        placement: import("@floating-ui/react").Placement;
-        strategy: import("@floating-ui/react").Strategy;
-        middlewareData: import("@floating-ui/react").MiddlewareData;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
         update: () => void;
         isPositioned: boolean;
         floatingStyles: import("react").CSSProperties;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/cms",
-  "version": "10.0.0-beta.78",
+  "version": "10.0.0-beta.79",
   "description": "UXF Cms",
   "author": "UXFans <dev@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -31,7 +31,8 @@
     "path-to-regexp": "^6.2.1",
     "react-hook-form": "7.44.3",
     "react-redux": "^7.2.5",
-    "redux": "^4.1.1"
+    "redux": "^4.1.1",
+    "redux-devtools-extension": "^2.13.9"
   },
   "devDependencies": {
     "@next/font": "^13.4.4",
@@ -41,12 +42,12 @@
     "@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.77",
-    "@uxf/form": "10.0.0-beta.77",
+    "@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.15",
-    "@uxf/ui": "10.0.0-beta.77",
-    "@uxf/wysiwyg": "10.0.0-beta.78",
+    "@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",
@@ -59,10 +60,10 @@
   },
   "peerDependencies": {
     "@uxf/core": "10.0.0-beta.37",
-    "@uxf/data-grid": "10.0.0-beta.77",
-    "@uxf/form": "10.0.0-beta.77",
-    "@uxf/ui": "10.0.0-beta.77",
-    "@uxf/wysiwyg": "10.0.0-beta.78",
+    "@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",

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

@@ -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/content/feature-section.js

@@ -16,7 +16,7 @@ const details_visibility_context_1 = require("../context/details-visibility-cont
 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.js

@@ -12,7 +12,7 @@ const on_upload_dropzone_file_1 = require("../../../forms/utils/on-upload-dropzo
 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

@@ -11,7 +11,7 @@ const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
 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.js

@@ -16,7 +16,7 @@ const details_visibility_context_1 = require("../context/details-visibility-cont
 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.js

@@ -10,7 +10,7 @@ const wysiwyg_input_1 = require("../../../forms/components/wysiwyg-input");
 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/types.d.ts

@@ -1,5 +1,5 @@
 import { NextPageContext } from "next";
-import { FC, ReactNode } from "react";
+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";
@@ -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/form-page.js

@@ -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;
+        let initialValues = null; // TODO vejvis
         if (typeof config.initialValues === "function") {
             initialValues = await config.initialValues(ctx);
         }

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

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);

package/ui/widget/widget.js

@@ -8,7 +8,7 @@ const paper_1 = require("@uxf/ui/paper/paper");
 const react_1 = __importDefault(require("react"));
 const Widget = (props) => {
     var _a;
-    return (react_1.default.createElement(paper_1.Paper, { className: `dark:bg-gray-950 ${props.footer ? "rounded-b-none" : ""} ${props.withDividers ? "divide-y divide-lightBorder dark:divide-darkBorder" : ""} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
+    return (react_1.default.createElement(paper_1.Paper, { className: `dark:bg-gray-950 ${props.footer ? "rounded-b-none" : ""} ${props.withDividers ? "divide-lightBorder dark:divide-darkBorder divide-y" : ""} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
         props.children,
         props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3 dark:bg-gray-800" }, props.footer)));
 };