@uxf/cms 11.78.0 → 11.80.0

package/components.d.ts

@@ -0,0 +1,22 @@
+import * as contentBuilderStories from "./content-builder/content-builder.stories";
+import * as inviteUserFormStories from "./forms/invite-user-form/invite-user-form.stories";
+import * as loginFormStories from "./forms/login-form/login-form.stories";
+import * as renewPasswordFormStories from "./forms/renew-password-form/renew-password-form.stories";
+export declare const components: {
+    readonly "content-builder": {
+        readonly title: "ContentBuilder";
+        readonly stories: typeof contentBuilderStories;
+    };
+    readonly "invite-user-form": {
+        readonly title: "InviteUserForm";
+        readonly stories: typeof inviteUserFormStories;
+    };
+    readonly "login-form": {
+        readonly title: "LoginForm";
+        readonly stories: typeof loginFormStories;
+    };
+    readonly "renew-password-form": {
+        readonly title: "RenewPasswordForm";
+        readonly stories: typeof renewPasswordFormStories;
+    };
+};

package/components.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = void 0;
+// generated file
+const contentBuilderStories = __importStar(require("./content-builder/content-builder.stories"));
+const inviteUserFormStories = __importStar(require("./forms/invite-user-form/invite-user-form.stories"));
+const loginFormStories = __importStar(require("./forms/login-form/login-form.stories"));
+const renewPasswordFormStories = __importStar(require("./forms/renew-password-form/renew-password-form.stories"));
+exports.components = {
+    "content-builder": {
+        title: "ContentBuilder",
+        stories: contentBuilderStories
+    },
+    "invite-user-form": {
+        title: "InviteUserForm",
+        stories: inviteUserFormStories
+    },
+    "login-form": {
+        title: "LoginForm",
+        stories: loginFormStories
+    },
+    "renew-password-form": {
+        title: "RenewPasswordForm",
+        stories: renewPasswordFormStories
+    },
+};

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

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

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+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");
+const people_1 = require("@uxf/cms/pages/content-builder/content/people");
+const wysiwyg_1 = require("@uxf/cms/pages/content-builder/content/wysiwyg");
+const react_1 = __importDefault(require("react"));
+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 })));
+}

package/forms/invite-user-form/invite-user-form.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
+import React from "react";
 import { InviteUserFormProps } from "./types";
-export declare const InviteUserForm: FC<InviteUserFormProps>;
+export declare function InviteUserForm(props: InviteUserFormProps): React.JSX.Element;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InviteUserForm = void 0;
+exports.InviteUserForm = InviteUserForm;
 const translations_1 = require("@uxf/core-react/translations");
 const checkbox_input_1 = require("@uxf/form/checkbox-input");
 const form_1 = require("@uxf/form/form");
@@ -14,7 +14,7 @@ const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
 const react_hook_form_1 = require("react-hook-form");
 const widget_1 = require("../../ui/widget");
-const InviteUserForm = (props) => {
+function InviteUserForm(props) {
     // eslint-disable-next-line react/destructuring-assignment
     const { defaultValues, ...formProps } = props;
     const t = (0, translations_1.useUxfTranslation)();
@@ -29,5 +29,4 @@ const InviteUserForm = (props) => {
             react_1.default.createElement(text_input_1.TextInput, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:surname"), name: "surname" }),
             react_1.default.createElement(multi_combobox_1.MultiCombobox, { control: formApi.control, isRequired: true, label: t("uxf-cms-invite-user-form:roles"), loadOptions: props.onLoadRoles, name: "roles" }),
             react_1.default.createElement(checkbox_input_1.CheckboxInput, { control: formApi.control, label: t("uxf-cms-invite-user-form:send-invitation"), name: "sendInvitation" }))));
-};
-exports.InviteUserForm = InviteUserForm;
+}

package/forms/invite-user-form/invite-user-form.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importDefault(require("react"));
+const invite_user_form_1 = require("./invite-user-form");
+function Default() {
+    return (react_1.default.createElement("div", { className: "p-8" },
+        react_1.default.createElement(invite_user_form_1.InviteUserForm, { onLoadRoles: async () => [{ id: 1, label: "ROLE_USER" }], onSubmit: console.log })));
+}

package/forms/login-form/login-form.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/forms/login-form/login-form.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importDefault(require("react"));
+const login_layout_1 = require("../../lib/login-layout");
+const login_form_1 = require("./login-form");
+function Default() {
+    return (react_1.default.createElement(login_layout_1.LoginLayout, { title: "P\u0159ihl\u00E1\u0161en\u00ED" },
+        react_1.default.createElement(login_form_1.LoginForm, { onSubmit: console.log })));
+}

package/forms/renew-password-form/renew-password-form.d.ts

@@ -1,3 +1,3 @@
-import { FC } from "react";
+import React from "react";
 import { RenewPasswordFormProps } from "./types";
-export declare const RenewPasswordForm: FC<RenewPasswordFormProps>;
+export declare function RenewPasswordForm(props: RenewPasswordFormProps): React.JSX.Element;

package/forms/renew-password-form/renew-password-form.js

@@ -23,14 +23,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenewPasswordForm = void 0;
+exports.RenewPasswordForm = RenewPasswordForm;
 const translations_1 = require("@uxf/core-react/translations");
 const form_1 = require("@uxf/form/form");
 const text_input_1 = require("@uxf/form/text-input");
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importStar(require("react"));
 const react_hook_form_1 = require("react-hook-form");
-const RenewPasswordForm = (props) => {
+function RenewPasswordForm(props) {
     // eslint-disable-next-line react/destructuring-assignment
     const { defaultValues, ...formProps } = props;
     const t = (0, translations_1.useUxfTranslation)();
@@ -49,5 +49,4 @@ const RenewPasswordForm = (props) => {
                         t("uxf-cms-renew-password-form:passwords-must-match"),
                 }, type: "password" }),
             react_1.default.createElement(button_1.Button, { isDisabled: formDisabled || formApi.formState.isSubmitting, isFullWidth: true, isLoading: formApi.formState.isSubmitting, type: "submit" }, t("uxf-cms-renew-password-form:change-password")))));
-};
-exports.RenewPasswordForm = RenewPasswordForm;
+}

package/forms/renew-password-form/renew-password-form.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/forms/renew-password-form/renew-password-form.stories.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importDefault(require("react"));
+const renew_password_form_1 = require("./renew-password-form");
+function Default() {
+    return (react_1.default.createElement("div", { className: "p-8" },
+        react_1.default.createElement(renew_password_form_1.RenewPasswordForm, { onSubmit: console.log })));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/cms",
-    "version": "11.78.0",
+    "version": "11.80.0",
     "description": "UXF Cms",
     "author": "UXFans <dev@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/cms#readme",
@@ -30,13 +30,13 @@
         "@dnd-kit/utilities": "3.2.2",
         "@floating-ui/react": "0.26.28",
         "@redux-devtools/extension": "3.3.0",
-        "@uxf/core": "11.78.0",
-        "@uxf/core-react": "11.78.0",
-        "@uxf/data-grid": "11.78.0",
-        "@uxf/form": "11.78.0",
+        "@uxf/core": "11.80.0",
+        "@uxf/core-react": "11.80.0",
+        "@uxf/data-grid": "11.80.0",
+        "@uxf/form": "11.80.0",
         "@uxf/router": "11.78.0",
-        "@uxf/ui": "11.78.0",
-        "@uxf/wysiwyg": "11.78.0",
+        "@uxf/ui": "11.80.0",
+        "@uxf/wysiwyg": "11.80.0",
         "axios": "1.7.5",
         "axios-hooks": "5.0.2",
         "es6-error": "4.1.1",

package/pages/grid-page/grid-page.js

@@ -131,7 +131,7 @@ function GridPageComponent(props) {
         : undefined);
     return (react_1.default.createElement(Layout, { appName: (_g = props.appName) !== null && _g !== void 0 ? _g : "", key: props.entityAlias, title: (_k = (_h = props.title) !== null && _h !== void 0 ? _h : (_j = props.metaSchema) === null || _j === void 0 ? void 0 : _j.title) !== null && _k !== void 0 ? _k : "" },
         react_1.default.createElement("div", { className: "mb-10" },
-            react_1.default.createElement(data_grid_1.DataGrid, { NoRowsFallback: (_l = props.ui) === null || _l === void 0 ? void 0 : _l.NoRowsFallback, SelectedRowsToolbarActions: (_m = props.ui) === null || _m === void 0 ? void 0 : _m.SelectedRowsToolbarActions, actionCell: actionCell, actions: actions, bodyCells: (_o = props.ui) === null || _o === void 0 ? void 0 : _o.BodyCells, customActions: cActions, data: data, error: error, filterHandlers: (_p = props.ui) === null || _p === void 0 ? void 0 : _p.FilterHandlers, getCsvDownloadUrl: (r) => `/api/cms/datagrid/export/${props.entityAlias}?${(0, qs_1.stringify)(r)}`, gridName: props.entityAlias, isLoading: isLoading, isRowSelectable: props.selectable, reload: reload, rowHeight: props.rowHeight, schema: props.gridSchema, state: state }))));
+            react_1.default.createElement(data_grid_1.DataGrid, { NoRowsFallback: (_l = props.ui) === null || _l === void 0 ? void 0 : _l.NoRowsFallback, SelectedRowsToolbarActions: (_m = props.ui) === null || _m === void 0 ? void 0 : _m.SelectedRowsToolbarActions, actionCell: actionCell, actions: actions, bodyCells: (_o = props.ui) === null || _o === void 0 ? void 0 : _o.BodyCells, customActions: cActions, data: data, error: error, filterHandlers: (_p = props.ui) === null || _p === void 0 ? void 0 : _p.FilterHandlers, getCsvDownloadUrl: (r) => `/api/cms/datagrid/export/${props.entityAlias}?${(0, qs_1.stringify)(r)}`, gridName: props.entityAlias, isLoading: isLoading, isRowsSelectable: props.selectable, reload: reload, rowHeight: props.rowHeight, schema: props.gridSchema, state: state }))));
 }
 GridPageComponent.displayName = "GridPageComponent";
 /** @deprecated - use custom DataGrid on project */

package/translations.d.ts

@@ -0,0 +1,20 @@
+import cmsTranslations from "@uxf/cms/translations/translations";
+import type { TranslationsPaths } from "@uxf/core-react/translations/types";
+import dataGridTranslations from "@uxf/data-grid/translations/translations";
+import formTranslations from "@uxf/form/translations/translations";
+import uiTranslations from "@uxf/ui/translations/translations";
+import wysiwygTranslations from "@uxf/wysiwyg/translations/translations";
+
+type cmsTypes = typeof cmsTranslations;
+type dataGridTypes = typeof dataGridTranslations;
+type formTypes = typeof formTranslations;
+type uiTypes = typeof uiTranslations;
+type wysiwygTypes = typeof wysiwygTranslations;
+
+type TranslationsKeys = TranslationsPaths<cmsTypes & dataGridTypes & formTypes & uiTypes & wysiwygTypes>;
+
+type TypeSafeTranslate = (key: TranslationsKeys, options?: Record<string, any>) => string;
+
+declare module "@uxf/core-react/translations" {
+    export function useUxfTranslation(): TypeSafeTranslate;
+}