@uxf/cms 6.0.0-beta.9 → 10.0.0-beta.5

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

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 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 number_input_1 = require("@uxf/form/number-input");
+const time_picker_input_1 = require("@uxf/form/time-picker-input");
+const datetime_picker_input_1 = require("@uxf/form/datetime-picker-input");
+const content_1 = require("./field/content");
+// eslint-disable-next-line complexity
+const BaseField = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { fieldSchema, entityAlias, isEditing, prefix = "", control } = props;
+    const { editable, label, name, readOnly, type, options } = fieldSchema;
+    const fieldName = `${prefix}${name}`;
+    const disabled = readOnly || (isEditing && !editable);
+    const required = !disabled && fieldSchema.required;
+    /*eslint complexity: ["error", 21]*/
+    switch (type) {
+        case "file":
+        case "logo":
+        case "image":
+            return (react_1.default.createElement(file_input_1.FileInput, { id: fieldName, label: label, name: fieldName, isRequired: required, isDisabled: disabled, onUploadFile: on_upload_file_1.onUploadFile, control: control, isClearable: !required }));
+        case "enum":
+            return (react_1.default.createElement(select_1.Select, { options: options !== null && options !== void 0 ? options : [], name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+        case "content":
+            return react_1.default.createElement(content_1.Content, { ...props });
+        case "boolean":
+            return (react_1.default.createElement(checkbox_input_1.CheckboxInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+        case "date":
+            return (react_1.default.createElement(date_picker_input_1.DatePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+        case "datetime":
+            return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+        case "time":
+            return (react_1.default.createElement(time_picker_input_1.TimePickerInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, isClearable: !required }));
+        case "files":
+        case "images":
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(label_1.Label, null, label),
+                react_1.default.createElement("div", { className: "mb-3" },
+                    react_1.default.createElement(dropzone_input_1.DropzoneInput, { label: label, name: fieldName, control: control, onUploadFile: on_upload_dropzone_file_1.onUploadDropzoneFile })),
+                react_1.default.createElement(dropzone_list_1.DropzoneList, { name: fieldName, control: control, onRemoveWarning: "Opravdu chcete tento soubor odstranit?", onAbortWarning: "Opravdu chcete zru\u0161it nahr\u00E1v\u00E1n\u00ED souboru?", errorText: "Soubor se nepoda\u0159ilo nahr\u00E1t." })));
+        case "manyToMany":
+            return (react_1.default.createElement(multi_combobox_1.MultiCombobox, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); } }));
+        case "manyToOne":
+            return (react_1.default.createElement(combobox_1.Combobox, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control, loadOptions: (term) => { var _a; return (0, api_1.autocomplete)(null, { name: (_a = fieldSchema.autocomplete) !== null && _a !== void 0 ? _a : "" }, { term }).then((r) => r.data); }, isClearable: !required }));
+        case "oneToMany":
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            if (fieldSchema.fields === null) {
+                return null;
+            }
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("p", { className: "mb-2 font-medium" }, fieldSchema.label),
+                react_1.default.createElement(field_array_1.FieldArray, { fieldName: fieldName, fieldSchema: fieldSchema, entityAlias: entityAlias, isEditing: isEditing, control: control })));
+        case "embedded":
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            if (fieldSchema.fields === null) {
+                return null;
+            }
+            return (react_1.default.createElement(react_1.default.Fragment, null, fieldSchema.fields.map((schema, i) => (react_1.default.createElement("div", { key: i },
+                react_1.default.createElement(exports.BaseField, { ...props, fieldSchema: { ...schema, label: `${fieldSchema.label} ${schema.label}` }, prefix: `${fieldSchema.name}.` }))))));
+        case "integer":
+            return (react_1.default.createElement(number_input_1.NumberInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+        case "text":
+            return (react_1.default.createElement(textarea_1.Textarea, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+        default:
+            return (react_1.default.createElement(text_input_1.TextInput, { name: fieldName, label: label, isRequired: required, isDisabled: disabled, control: control }));
+    }
+};
+exports.BaseField = BaseField;

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+import { ContentComponent } from "../../content-builder";
+import { FieldProps } from "../types";
+export declare const Content: FC<FieldProps & {
+    contentComponents?: ContentComponent<any>[];
+}>;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = void 0;
+const react_1 = __importDefault(require("react"));
+const content_builder_1 = require("../../content-builder");
+const wysiwyg_1 = require("../../content-builder/content/wysiwyg");
+const Content = (props) => {
+    // eslint-disable-next-line react/destructuring-assignment
+    const { fieldSchema, prefix = "", contentComponents, control } = props;
+    return (react_1.default.createElement("fieldset", null,
+        react_1.default.createElement("legend", null, fieldSchema.label),
+        react_1.default.createElement(content_builder_1.ContentField, { contentComponents: contentComponents !== null && contentComponents !== void 0 ? contentComponents : [wysiwyg_1.Wysiwyg], name: `${prefix}${fieldSchema.name}`, control: control })));
+};
+exports.Content = Content;

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { Control } from "react-hook-form";
+import { FieldSchemaResponse } from "../../api";
+export declare const FieldArray: FC<{
+    fieldName: string;
+    fieldSchema: FieldSchemaResponse;
+    entityAlias: string;
+    isEditing?: boolean;
+    control: Control<any>;
+}>;

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

@@ -0,0 +1,53 @@
+"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.FieldArray = void 0;
+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;
+    const { fields, remove, append } = (0, react_hook_form_1.useFieldArray)({ control, name: fieldName });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "grid gap-2" }, fields.map((name, index) => (react_1.default.createElement(react_1.Fragment, { key: name.id },
+            fieldSchema.fields.map((schema, i) => {
+                if (schema.name === "id") {
+                    return react_1.default.createElement("input", { type: "hidden", key: `${schema.name}-${i}`, name: "id" });
+                }
+                return (react_1.default.createElement("div", { key: `${schema.name}-${i}` },
+                    react_1.default.createElement(base_field_1.BaseField, { fieldSchema: schema, entityAlias: entityAlias, isEditing: isEditing, prefix: `${index}.`, control: control })));
+            }),
+            react_1.default.createElement("div", { className: "flex justify-end" },
+                react_1.default.createElement(button_1.Button, { variant: "white", isIconButton: true, onClick: () => remove(index) },
+                    react_1.default.createElement(icon_1.Icon, { name: "trash", size: 20 }))))))),
+        react_1.default.createElement("div", { className: "mt-2" },
+            react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: () => append({ id: null }), variant: "white" },
+                react_1.default.createElement(icon_1.Icon, { name: "plus", size: 20 })))));
+};
+exports.FieldArray = FieldArray;

package/pages/{FormPage/FormPage.d.ts → form-page/form-page.d.ts}

@@ -11,4 +11,4 @@ export interface InitialProps<T extends {
 }
 export declare const FormPage: <T extends {
     id?: number | null | undefined;
-}>(config: FormPageConfig<T>) => import("next").NextComponentType<import("../../deprecated/types/App").IAppContext, object, object>;
+}>(config: FormPageConfig<T>) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

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

@@ -0,0 +1,105 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 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 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;
+    const entityIdResolver = (_a = config.entityId) !== null && _a !== void 0 ? _a : (({ query }) => (query.id ? Number.parseInt(query.id, 10) : null));
+    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;
+        const { formSchema, entityAlias, entityId, entityMetaSchema } = props;
+        const formApi = (0, react_hook_form_1.useForm)({ defaultValues: ((_a = props.initialValues) !== null && _a !== void 0 ? _a : {}) });
+        const onSubmit = (0, react_1.useCallback)(async (values) => {
+            try {
+                const newInitialValues = config.onSave
+                    ? await config.onSave(values, entityAlias)
+                    : await (0, api_1.saveFormValues)(null, { entityAlias, id: entityId }, (0, mapper_1.mapToRequestObject)(values, formSchema)).then((r) => r.data);
+                formApi.reset(newInitialValues);
+                onSaveDone(newInitialValues, entityAlias);
+            }
+            catch (e) {
+                if (e instanceof ValidationError_1.ValidationError) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                    return e.fields;
+                }
+                config_1.container.get("service.error").handleError(e);
+                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 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,
+        });
+    };
+    Component.getInitialProps = async (ctx) => {
+        var _a;
+        const entityId = resolve(entityIdResolver, ctx);
+        const entityAlias = (_a = resolve(entityAliasResolver, ctx)) !== null && _a !== void 0 ? _a : "";
+        const metaSchemas = await (0, api_1.getEntityMetaSchemas)(ctx).then((r) => r.data);
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (!metaSchemas[entityAlias]) {
+            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;
+        if (typeof config.initialValues === "function") {
+            initialValues = await config.initialValues(ctx);
+        }
+        else if (config.initialValues) {
+            initialValues = config.initialValues;
+        }
+        else if (entityId) {
+            initialValues = await (0, api_1.getFormValues)(ctx, { entityAlias, id: entityId }).then((r) => r.data);
+        }
+        return {
+            entityId,
+            entityAlias,
+            entityMetaSchema: metaSchemas[entityAlias],
+            formSchema: config.configureSchema ? config.configureSchema(formSchema) : formSchema,
+            initialValues,
+        };
+    };
+    return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
+};
+exports.FormPage = FormPage;

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

@@ -0,0 +1,18 @@
+import React, { FC } from "react";
+import { FormProps as UXFFormProps } from "@uxf/form/form";
+import { FormSchemaResponse } from "../../api";
+import { FieldComponent } from "./types";
+import { FieldValues, FormState } from "react-hook-form";
+type SubmitButtonComponent<TFieldValues extends FieldValues = FieldValues> = FC<{
+    formState: FormState<TFieldValues>;
+}>;
+interface FormProps<T extends FieldValues> extends Omit<UXFFormProps<T>, "children"> {
+    className?: string;
+    schema: FormSchemaResponse;
+    Field?: FieldComponent;
+    entityAlias: string;
+    isEditing?: boolean;
+    SubmitButton?: SubmitButtonComponent<T>;
+}
+export declare const Form: <T extends FieldValues>(props: FormProps<T>) => React.JSX.Element;
+export {};

package/pages/form-page/form.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const react_1 = __importDefault(require("react"));
+const form_1 = require("@uxf/form/form");
+const base_field_1 = require("./base-field");
+const button_1 = require("@uxf/ui/button");
+const widget_1 = require("../../ui/widget");
+const BaseSubmitButton = (props) => {
+    const { isSubmitting } = props.formState;
+    return (react_1.default.createElement(button_1.Button, { type: "submit", disabled: isSubmitting }, "Ulo\u017Eit"));
+};
+const Form = (props) => {
+    var _a, _b, _c;
+    const SubmitButton = (_a = props.SubmitButton) !== null && _a !== void 0 ? _a : BaseSubmitButton;
+    const Field = (_b = props.Field) !== null && _b !== void 0 ? _b : base_field_1.BaseField;
+    return (react_1.default.createElement(form_1.Form, { formApi: props.formApi, id: props.id, onSubmit: props.onSubmit },
+        react_1.default.createElement("div", { className: (_c = props.className) !== null && _c !== void 0 ? _c : "pb-10" },
+            react_1.default.createElement(widget_1.Widget, { withDividers: true, footer: react_1.default.createElement("div", { className: "text-right" },
+                    react_1.default.createElement(SubmitButton, { formState: props.formApi.formState })) }, props.schema.fields.map((field, i) => (react_1.default.createElement("div", { key: i, className: "p-4" },
+                react_1.default.createElement(Field, { fieldSchema: field, entityAlias: props.entityAlias, isEditing: props.isEditing, control: props.formApi.control }))))))));
+};
+exports.Form = Form;

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

@@ -0,0 +1,5 @@
+export * from "./form-page";
+export * from "./base-field";
+export * from "./types";
+export * from "./mapper";
+export * from "./form";

package/{forms/ForgottenPasswordForm → pages/form-page}/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -10,6 +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("./ForgottenPasswordForm"), exports);
+__exportStar(require("./form-page"), exports);
+__exportStar(require("./base-field"), exports);
 __exportStar(require("./types"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZm9ybXMvRm9yZ290dGVuUGFzc3dvcmRGb3JtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQUFBLDBEQUF3QztBQUN4QywwQ0FBd0IifQ==
+__exportStar(require("./mapper"), exports);
+__exportStar(require("./form"), exports);

package/pages/form-page/mapper.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapToRequestObject = void 0;
+const mapToRequestObject = (values, schema) => {
+    var _a, _b;
+    const requestObject = { ...values };
+    for (const field of schema.fields) {
+        const { name, type } = field;
+        const value = requestObject[name];
+        switch (type) {
+            case "file":
+            case "image":
+                requestObject[name] = value ? value.id : value;
+                break;
+            case "content":
+                // TODO search string
+                requestObject[name] = value ? { data: (_a = value.data) !== null && _a !== void 0 ? _a : [], search: (_b = value.search) !== null && _b !== void 0 ? _b : "" } : null;
+                break;
+            case "embedded":
+                requestObject[name] = (0, exports.mapToRequestObject)(value, field);
+                break;
+        }
+    }
+    return requestObject;
+};
+exports.mapToRequestObject = mapToRequestObject;

package/pages/{FormPage → form-page}/types.d.ts

@@ -1,12 +1,14 @@
 import { EntityMetaSchema, FieldSchemaResponse, FormSchemaResponse } from "../../api";
-import React, { ReactElement } from "react";
+import { FC, ReactElement } from "react";
+import { Control } from "react-hook-form";
 export interface FieldProps {
     fieldSchema: FieldSchemaResponse;
     entityAlias: string;
     isEditing?: boolean;
     prefix?: string;
+    control: Control<any>;
 }
-export declare type FieldComponent = React.FC<FieldProps>;
+export type FieldComponent = FC<FieldProps>;
 export interface FormPageConfig<T = {
     id?: number | null;
 }> {

package/pages/form-page/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/pages/grid-page/get-initial-props-helper.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadEntityGridSchema = exports.loadEntityMetaSchema = void 0;
+const api_1 = require("../../api");
+const entities_1 = require("../../deprecated/redux/entities");
+async function loadEntityMetaSchema(ctx, entityAlias) {
+    const { reduxStore: { getState, dispatch }, } = ctx;
+    if (!(0, entities_1.metaSchemaExistsSelector)(getState())) {
+        dispatch((0, entities_1.onSetEntityMetaSchemas)((await (0, api_1.getEntityMetaSchemas)(ctx)).data));
+    }
+    return (0, entities_1.metaSchemaSelector)(entityAlias)(getState());
+}
+exports.loadEntityMetaSchema = loadEntityMetaSchema;
+async function loadEntityGridSchema(ctx, entityAlias) {
+    const { reduxStore: { getState, dispatch }, } = ctx;
+    if (!(0, entities_1.gridSchemaExistsSelector)(entityAlias)(getState())) {
+        dispatch((0, entities_1.onSetGridSchema)(entityAlias, (await (0, api_1.dataGridSchemaGet)(ctx, entityAlias)).data));
+    }
+    return (0, entities_1.gridSchemaSelector)(entityAlias)(getState());
+}
+exports.loadEntityGridSchema = loadEntityGridSchema;

package/pages/{GridPage/GridPage.d.ts → grid-page/grid-page.d.ts}

@@ -1,4 +1,4 @@
 import { Request, Response } from "@uxf/data-grid";
 import { GridPageConfig } from "./types";
 export declare const dataGridLoader: (gridName: string, request: Request) => Promise<Response>;
-export declare const GridPage: (config: GridPageConfig) => import("next").NextComponentType<import("../../deprecated/types/App").IAppContext, object, object>;
+export declare const GridPage: (config: GridPageConfig) => import("next").NextComponentType<import("../../deprecated/types/app").IAppContext, object, object>;

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

@@ -0,0 +1,109 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridPage = exports.dataGridLoader = void 0;
+const tailwindui_1 = require("@uxf/data-grid/tailwindui");
+const data_grid_1 = require("@uxf/data-grid");
+const router_1 = require("@uxf/router");
+const router_2 = __importDefault(require("next/router"));
+const qs_1 = require("qs");
+const react_1 = __importStar(require("react"));
+const url_1 = require("url");
+const api_1 = require("../../api");
+const with_authenticate_1 = require("../../deprecated/hoc/with-authenticate");
+const api_2 = require("../../lib/api");
+const get_initial_props_helper_1 = require("./get-initial-props-helper");
+const use_hidden_columns_1 = require("./use-hidden-columns");
+const config_1 = require("../../config");
+const icon_1 = require("@uxf/ui/icon");
+const context_1 = require("@uxf/ui/context");
+const { axiosRequest } = (0, api_2.createAxiosInstance)();
+const dataGridLoader = (gridName, request) => {
+    return axiosRequest(null, `/api/cms/datagrid/${gridName}`, "get", null, request).then((r) => r.data);
+};
+exports.dataGridLoader = dataGridLoader;
+const DefaultLayout = (props) => react_1.default.createElement("div", { ...props });
+const GridPageComponent = (props) => {
+    var _a, _b;
+    // eslint-disable-next-line react/destructuring-assignment
+    const { ui = {}, metaSchema, entityAlias, gridSchema, getOpenUrl, getEditUrl, onOpen, onAdd, onEdit, onRemove, query, initialHiddenColumns, loader, title, rowHeight, defaultConfig, AddIcon = react_1.default.createElement(icon_1.Icon, { name: "plus" }), onAddTitle = "Přidat záznam", selectable, customActions = [], } = props;
+    const hiddenColumnProps = (0, use_hidden_columns_1.useHiddenColumns)(entityAlias, initialHiddenColumns);
+    const [selectedRows, setSelectedRows] = (0, react_1.useState)(new Set());
+    const { Layout = DefaultLayout, ...dataGridUi } = ui;
+    const uiContextValues = (0, react_1.useContext)(context_1.UiContext);
+    const universalLoader = (0, react_1.useCallback)((gridName, request, encodedRequest) => {
+        var _a, _b;
+        const response = (0, exports.dataGridLoader)(gridName !== null && gridName !== void 0 ? gridName : "", request);
+        // save filter to url
+        const newQuery = { ...query, filter: encodedRequest };
+        // TODO @vejvis - dodělat vlastní router a tuhle magii smazat!
+        router_2.default.replace(`${(0, url_1.parse)(((_a = window.history.state) === null || _a === void 0 ? void 0 : _a.url) || "").pathname}?${(0, qs_1.stringify)(newQuery)}`, `${(0, url_1.parse)(((_b = window.history.state) === null || _b === void 0 ? void 0 : _b.as) || "").pathname}?${(0, qs_1.stringify)(newQuery)}`, { shallow: true });
+        return response;
+    }, [query]);
+    const callbackRef = (0, data_grid_1.useCallbackRef)();
+    const actionsBag = (0, react_1.useMemo)(() => ({
+        reload: () => { var _a; return (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.reload(); },
+    }), [callbackRef]);
+    const hasOnAdd = onAdd && (!metaSchema || metaSchema.actions.includes("add"));
+    const cActions = [
+        ...customActions,
+        hasOnAdd
+            ? {
+                label: (react_1.default.createElement(react_1.default.Fragment, null,
+                    AddIcon,
+                    "\u00A0",
+                    onAddTitle)),
+                onClick: () => onAdd(entityAlias, actionsBag),
+            }
+            : undefined,
+    ].filter(Boolean);
+    return (react_1.default.createElement(Layout, { key: entityAlias, title: (_a = title !== null && title !== void 0 ? title : metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.title) !== null && _a !== void 0 ? _a : "" },
+        react_1.default.createElement("div", { className: "mb-10" },
+            react_1.default.createElement(tailwindui_1.DataGrid, { noBorder: true, callbackRef: callbackRef, schema: gridSchema, initialState: query.filter ? (0, router_1.queryParamToString)(query.filter) : undefined, title: title !== null && title !== void 0 ? title : metaSchema === null || metaSchema === void 0 ? void 0 : metaSchema.title, gridName: entityAlias, loader: loader !== null && loader !== void 0 ? loader : universalLoader, ...hiddenColumnProps, onOpen: onOpen && ((row) => onOpen(entityAlias, row, actionsBag)), getOpenUrl: getOpenUrl && ((row) => getOpenUrl(entityAlias, row)), onEdit: onEdit && ((row) => onEdit(entityAlias, row, actionsBag)), getEditUrl: getEditUrl && ((row) => getEditUrl(entityAlias, row)), onRemove: onRemove && ((row) => onRemove(entityAlias, row, actionsBag)), rowHeight: rowHeight, defaultConfig: defaultConfig, ui: dataGridUi, selectedRows: selectable ? selectedRows : undefined, onChangeSelectedRows: selectable ? setSelectedRows : undefined, customActions: cActions, mode: (_b = uiContextValues === null || uiContextValues === void 0 ? void 0 : uiContextValues.colorScheme.getUserSettings()) !== null && _b !== void 0 ? _b : "light" }))));
+};
+GridPageComponent.displayName = "GridPageComponent";
+const GridPage = (config) => {
+    const Component = (props) => {
+        return (react_1.default.createElement(GridPageComponent, { ...props, title: config.title, loader: config.loader, onEdit: config.onEdit, getEditUrl: config.getEditUrl, onAdd: config.onAdd, onRemove: config.onRemove, onOpen: config.onOpen, getOpenUrl: config.getOpenUrl, rowHeight: config.rowHeight, defaultConfig: config.defaultConfig, AddIcon: config.AddIcon, onAddTitle: config.onAddTitle, ui: config.ui, selectable: config.selectable }));
+    };
+    Component.getInitialProps = async (ctx) => {
+        const entityAlias = typeof config.entityAlias === "function" ? config.entityAlias(ctx) : config.entityAlias;
+        const initialHiddenColumns = config_1.container.has("api.getUserConfig")
+            ? await config_1.container.get("api.getUserConfig")(ctx, `v1--hidden-columns--${entityAlias}`, [])
+            : await (0, api_1.userConfigGet)(ctx, `v1--hidden-columns--${entityAlias}`, []);
+        return {
+            entityAlias,
+            initialHiddenColumns,
+            query: ctx.query,
+            metaSchema: await (0, get_initial_props_helper_1.loadEntityMetaSchema)(ctx, entityAlias),
+            gridSchema: await (0, get_initial_props_helper_1.loadEntityGridSchema)(ctx, entityAlias),
+        };
+    };
+    return (0, with_authenticate_1.withAuthenticate)({ allowedRoles: config.allowedRoles || ["ROLE_ROOT"] })(Component);
+};
+exports.GridPage = GridPage;

package/pages/grid-page/index.d.ts

@@ -0,0 +1 @@
+export { GridPage } from "./grid-page";

package/pages/grid-page/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridPage = void 0;
+var grid_page_1 = require("./grid-page");
+Object.defineProperty(exports, "GridPage", { enumerable: true, get: function () { return grid_page_1.GridPage; } });

package/pages/{GridPage → grid-page}/types.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="node" />
-import { DataGridProps, Loader, Schema, ToolbarPlugin, UIComponents as DataGridUIComponents } from "@uxf/data-grid";
+import { DataGridProps, Loader, Schema, UIComponents as DataGridUIComponents } from "@uxf/data-grid";
 import { NextPageContext } from "next";
 import { ParsedUrlQuery } from "querystring";
 import { EntityMetaSchema } from "../../api";
-import { LayoutProps } from "../../lib/Layout";
-import { ReactElement } from "react";
-export declare type LayoutComponent = React.FC<LayoutProps>;
-export declare type ActionsBag = {
+import { LayoutProps } from "../../lib/layout";
+import { FC, ReactElement } from "react";
+export type LayoutComponent = FC<LayoutProps>;
+export type ActionsBag = {
     reload: () => void;
 };
-export declare type GridPageComponentProps = {
+export type GridPageComponentProps = {
     ui?: UIComponents;
     entityAlias: string;
     title?: string;
@@ -28,14 +28,14 @@ export declare type GridPageComponentProps = {
     defaultConfig?: DataGridProps<any, any>["defaultConfig"];
     AddIcon?: ReactElement;
     onAddTitle?: string;
-    toolbarPlugins?: ToolbarPlugin[];
     selectable?: boolean;
+    customActions?: DataGridProps<any, any>["customActions"];
 };
-export declare type EntityAliasExtractor = (ctx: NextPageContext) => string;
-declare type UIComponents = Partial<DataGridUIComponents<any, any>> & {
+export type EntityAliasExtractor = (ctx: NextPageContext) => string;
+type UIComponents = Partial<DataGridUIComponents<any, any>> & {
     Layout?: LayoutComponent;
 };
-export declare type GridPageConfig<T extends object = any> = {
+export type GridPageConfig<T extends object = any> = {
     ui?: UIComponents;
     title?: string;
     entityAlias: string | EntityAliasExtractor;
@@ -51,7 +51,7 @@ export declare type GridPageConfig<T extends object = any> = {
     defaultConfig?: DataGridProps<any, any>["defaultConfig"];
     AddIcon?: ReactElement;
     onAddTitle?: string;
-    toolbarPlugins?: ToolbarPlugin[];
     selectable?: boolean;
+    customActions?: DataGridProps<any, any>["customActions"];
 };
 export {};

package/pages/grid-page/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });