@uxf/cms 14.0.0 → 14.3.1

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

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridPage = exports.dataGridLoader = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const build_array_1 = require("@uxf/core/utils/build-array");
 const is_nil_1 = require("@uxf/core/utils/is-nil");
@@ -52,7 +53,7 @@ const icon_1 = require("@uxf/ui/icon");
 const loader_1 = require("@uxf/ui/loader");
 const link_1 = __importDefault(require("next/link"));
 const router_2 = __importStar(require("next/router"));
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const swr_1 = require("../../api/swr");
 const api_1 = require("../../lib/api");
 const restricted_page_1 = require("../../security/restricted-page");
@@ -60,112 +61,327 @@ const history_pathname_1 = require("./history-pathname");
 // TODO use swr
 const { axiosRequest } = (0, api_1.createAxiosInstance)("");
 const dataGridLoader = (gridName, request) => {
-    return axiosRequest(null, `/api/cms/datagrid/${gridName}`, "get", null, request).then((r) => r.data);
+    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 DefaultLayout = props => {
+    "use no memo";
+    return react_1.default.createElement("div", { ...props });
+};
 // eslint-disable-next-line complexity
 function GridPageComponent(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    // eslint-disable-next-line react/destructuring-assignment
-    const { query, AddIcon = react_1.default.createElement(icon_1.Icon, { name: "plus" }), onAddTitle = "Přidat záznam" } = props;
-    const Layout = (_b = (_a = props.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : DefaultLayout;
-    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({
-        schema: props.gridSchema,
-        initialState: query.filter ? (0, router_1.queryParamToString)(query.filter) : undefined,
-        initialUserConfig: props.initialUserConfig,
-    });
-    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, history_pathname_1.historyPathname)((_a = window.history.state) === null || _a === void 0 ? void 0 : _a.url)}?${(0, qs_1.stringify)(newQuery)}`, `${(0, history_pathname_1.historyPathname)((_b = window.history.state) === null || _b === void 0 ? void 0 : _b.as)}?${(0, qs_1.stringify)(newQuery)}`, { shallow: true });
-        return response;
-    }, [query]);
-    const { data, isLoading, error, reload } = (0, use_data_grid_fetching_1.useDataGridFetching)({
-        loader: (_c = props.loader) !== null && _c !== void 0 ? _c : universalLoader,
-        schema: props.gridSchema,
-        state,
-    });
-    const actionsBag = (0, react_1.useMemo)(() => ({
-        reload,
-    }), [reload]);
-    const hasOnAdd = props.onAdd && (!props.metaSchema || props.metaSchema.actions.includes("add"));
-    const cActions = [
-        ...((_d = props.customActions) !== null && _d !== void 0 ? _d : empty_array_1.EMPTY_ARRAY),
-        hasOnAdd
-            ? {
-                label: (react_1.default.createElement(react_1.default.Fragment, null,
-                    AddIcon,
-                    "\u00A0",
-                    onAddTitle)),
-                onClick: () => { var _a; return (_a = props.onAdd) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionsBag); },
-            }
-            : undefined,
-    ].filter(Boolean);
-    const actionColumnButtonsCount = (props.onEdit || props.getEditUrl ? 1 : 0) +
-        (props.onOpen || props.getOpenUrl ? 1 : 0) +
-        (props.onRemove ? 1 : 0);
-    // typing not done -> will be deleted completely soon!
-    const actionCell = (_f = (_e = props.ui) === null || _e === void 0 ? void 0 : _e.actionCell) !== null && _f !== void 0 ? _f : (actionColumnButtonsCount > 0
-        ? {
+    var _a, _b, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const $ = (0, compiler_runtime_1.c)(58);
+    const query = props.query;
+    let t0;
+    if ($[0] !== props.AddIcon) {
+        t0 = (_a = props.AddIcon) !== null && _a !== void 0 ? _a : react_1.default.createElement(icon_1.Icon, { name: "plus" });
+        $[0] = props.AddIcon;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const AddIcon = t0;
+    const onAddTitle = (_b = props.onAddTitle) !== null && _b !== void 0 ? _b : "P\u0159idat z\xE1znam";
+    const Layout = (_e = (_d = props.ui) === null || _d === void 0 ? void 0 : _d.Layout) !== null && _e !== void 0 ? _e : DefaultLayout;
+    let t1;
+    if ($[2] !== query.filter) {
+        t1 = query.filter ? (0, router_1.queryParamToString)(query.filter) : undefined;
+        $[2] = query.filter;
+        $[3] = t1;
+    }
+    else {
+        t1 = $[3];
+    }
+    let t2;
+    if ($[4] !== props.gridSchema || $[5] !== props.initialUserConfig || $[6] !== t1) {
+        t2 = {
+            schema: props.gridSchema,
+            initialState: t1,
+            initialUserConfig: props.initialUserConfig
+        };
+        $[4] = props.gridSchema;
+        $[5] = props.initialUserConfig;
+        $[6] = t1;
+        $[7] = t2;
+    }
+    else {
+        t2 = $[7];
+    }
+    const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)(t2);
+    let t3;
+    if ($[8] !== query) {
+        t3 = (gridName, request, encodedRequest) => {
+            var _a, _b;
+            const response = (0, exports.dataGridLoader)(gridName !== null && gridName !== void 0 ? gridName : "", request);
+            const newQuery = {
+                ...query,
+                filter: encodedRequest
+            };
+            router_2.default.replace(`${(0, history_pathname_1.historyPathname)((_a = window.history.state) === null || _a === void 0 ? void 0 : _a.url)}?${(0, qs_1.stringify)(newQuery)}`, `${(0, history_pathname_1.historyPathname)((_b = window.history.state) === null || _b === void 0 ? void 0 : _b.as)}?${(0, qs_1.stringify)(newQuery)}`, {
+                shallow: true
+            });
+            return response;
+        };
+        $[8] = query;
+        $[9] = t3;
+    }
+    else {
+        t3 = $[9];
+    }
+    const universalLoader = t3;
+    const t4 = (_f = props.loader) !== null && _f !== void 0 ? _f : universalLoader;
+    let t5;
+    if ($[10] !== props.gridSchema || $[11] !== state || $[12] !== t4) {
+        t5 = {
+            loader: t4,
+            schema: props.gridSchema,
+            state
+        };
+        $[10] = props.gridSchema;
+        $[11] = state;
+        $[12] = t4;
+        $[13] = t5;
+    }
+    else {
+        t5 = $[13];
+    }
+    const { data, isLoading, error, reload } = (0, use_data_grid_fetching_1.useDataGridFetching)(t5);
+    let t6;
+    if ($[14] !== reload) {
+        t6 = {
+            reload
+        };
+        $[14] = reload;
+        $[15] = t6;
+    }
+    else {
+        t6 = $[15];
+    }
+    const actionsBag = t6;
+    let t7;
+    if ($[16] !== props.metaSchema || $[17] !== props.onAdd) {
+        t7 = props.onAdd && (!props.metaSchema || props.metaSchema.actions.includes("add"));
+        $[16] = props.metaSchema;
+        $[17] = props.onAdd;
+        $[18] = t7;
+    }
+    else {
+        t7 = $[18];
+    }
+    const hasOnAdd = t7;
+    const t8 = (_g = props.customActions) !== null && _g !== void 0 ? _g : empty_array_1.EMPTY_ARRAY;
+    let t9;
+    if ($[19] !== AddIcon || $[20] !== actionsBag || $[21] !== hasOnAdd || $[22] !== onAddTitle || $[23] !== props) {
+        t9 = hasOnAdd ? {
+            label: react_1.default.createElement(react_1.default.Fragment, null,
+                AddIcon,
+                "\u00A0",
+                onAddTitle),
+            onClick: () => { var _a; return (_a = props.onAdd) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionsBag); }
+        } : undefined;
+        $[19] = AddIcon;
+        $[20] = actionsBag;
+        $[21] = hasOnAdd;
+        $[22] = onAddTitle;
+        $[23] = props;
+        $[24] = t9;
+    }
+    else {
+        t9 = $[24];
+    }
+    let t10;
+    if ($[25] !== t8 || $[26] !== t9) {
+        t10 = [...t8, t9].filter(Boolean);
+        $[25] = t8;
+        $[26] = t9;
+        $[27] = t10;
+    }
+    else {
+        t10 = $[27];
+    }
+    const cActions = t10;
+    const actionColumnButtonsCount = (props.onEdit || props.getEditUrl ? 1 : 0) + (props.onOpen || props.getOpenUrl ? 1 : 0) + (props.onRemove ? 1 : 0);
+    let t11;
+    if ($[28] !== actionColumnButtonsCount || $[29] !== actionsBag || $[30] !== props) {
+        t11 = (_j = (_h = props.ui) === null || _h === void 0 ? void 0 : _h.actionCell) !== null && _j !== void 0 ? _j : (actionColumnButtonsCount > 0 ? {
             width: actionColumnButtonsCount * 40 + 8,
-            Component: (actionCellProps) => {
-                var _a, _b, _c, _d, _e, _f;
-                const buttons = (0, build_array_1.buildArray)()
-                    .when((0, is_not_nil_1.isNotNil)((_a = props.onOpen) !== null && _a !== void 0 ? _a : props.getOpenUrl), {
+            Component: actionCellProps => {
+                var _a, _b, _d, _e, _f, _g;
+                const buttons = (0, build_array_1.buildArray)().when((0, is_not_nil_1.isNotNil)((_a = props.onOpen) !== null && _a !== void 0 ? _a : props.getOpenUrl), {
                     icon: "circle-info",
                     onClick: () => { var _a; return (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionCellProps.row, actionsBag); },
                     as: props.getOpenUrl ? link_1.default : undefined,
-                    href: (_c = (_b = props.getOpenUrl) === null || _b === void 0 ? void 0 : _b.call(props, props.entityAlias, actionCellProps.row)) !== null && _c !== void 0 ? _c : undefined,
+                    href: (_d = (_b = props.getOpenUrl) === null || _b === void 0 ? void 0 : _b.call(props, props.entityAlias, actionCellProps.row)) !== null && _d !== void 0 ? _d : undefined,
                     isIconButton: true,
-                    title: "Detail",
-                })
-                    .when((0, is_not_nil_1.isNotNil)((_d = props.onEdit) !== null && _d !== void 0 ? _d : props.getEditUrl), {
+                    title: "Detail"
+                }).when((0, is_not_nil_1.isNotNil)((_e = props.onEdit) !== null && _e !== void 0 ? _e : props.getEditUrl), {
                     icon: "pen",
                     onClick: () => { var _a; return (_a = props.onEdit) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionCellProps.row, actionsBag); },
                     as: props.getEditUrl ? link_1.default : undefined,
-                    href: (_f = (_e = props.getEditUrl) === null || _e === void 0 ? void 0 : _e.call(props, props.entityAlias, actionCellProps.row)) !== null && _f !== void 0 ? _f : undefined,
+                    href: (_g = (_f = props.getEditUrl) === null || _f === void 0 ? void 0 : _f.call(props, props.entityAlias, actionCellProps.row)) !== null && _g !== void 0 ? _g : undefined,
                     isIconButton: true,
-                    title: "Upravit",
-                })
-                    .when((0, is_not_nil_1.isNotNil)(props.onRemove), {
+                    title: "Upravit"
+                }).when((0, is_not_nil_1.isNotNil)(props.onRemove), {
                     icon: "trash",
                     onClick: () => { var _a; return (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, props.entityAlias, actionCellProps.row, actionsBag); },
                     isIconButton: true,
-                    title: "Smazat",
+                    title: "Smazat"
                 });
                 return react_1.default.createElement(action_cell_1.ActionCell, { buttons: buttons, visibleButtonsCount: 3 });
-            },
-        }
-        : 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, isRowsSelectable: props.selectable, reload: reload, rowHeight: props.rowHeight, schema: props.gridSchema, state: state }))));
+            }
+        } : undefined);
+        $[28] = actionColumnButtonsCount;
+        $[29] = actionsBag;
+        $[30] = props;
+        $[31] = t11;
+    }
+    else {
+        t11 = $[31];
+    }
+    const actionCell = t11;
+    const t12 = (_k = props.appName) !== null && _k !== void 0 ? _k : "";
+    const t13 = (_o = (_l = props.title) !== null && _l !== void 0 ? _l : (_m = props.metaSchema) === null || _m === void 0 ? void 0 : _m.title) !== null && _o !== void 0 ? _o : "";
+    const t14 = (_p = props.ui) === null || _p === void 0 ? void 0 : _p.NoRowsFallback;
+    const t15 = (_q = props.ui) === null || _q === void 0 ? void 0 : _q.SelectedRowsToolbarActions;
+    const t16 = (_r = props.ui) === null || _r === void 0 ? void 0 : _r.BodyCells;
+    const t17 = (_s = props.ui) === null || _s === void 0 ? void 0 : _s.FilterHandlers;
+    let t18;
+    if ($[32] !== props.entityAlias) {
+        t18 = r => `/api/cms/datagrid/export/${props.entityAlias}?${(0, qs_1.stringify)(r)}`;
+        $[32] = props.entityAlias;
+        $[33] = t18;
+    }
+    else {
+        t18 = $[33];
+    }
+    let t19;
+    if ($[34] !== actionCell || $[35] !== actions || $[36] !== cActions || $[37] !== data || $[38] !== error || $[39] !== isLoading || $[40] !== props.entityAlias || $[41] !== props.gridSchema || $[42] !== props.rowHeight || $[43] !== props.selectable || $[44] !== reload || $[45] !== state || $[46] !== t14 || $[47] !== t15 || $[48] !== t16 || $[49] !== t17 || $[50] !== t18) {
+        t19 = react_1.default.createElement("div", { className: "mb-10" },
+            react_1.default.createElement(data_grid_1.DataGrid, { NoRowsFallback: t14, SelectedRowsToolbarActions: t15, actionCell: actionCell, actions: actions, bodyCells: t16, customActions: cActions, data: data, error: error, filterHandlers: t17, getCsvDownloadUrl: t18, gridName: props.entityAlias, isLoading: isLoading, isRowsSelectable: props.selectable, reload: reload, rowHeight: props.rowHeight, schema: props.gridSchema, state: state }));
+        $[34] = actionCell;
+        $[35] = actions;
+        $[36] = cActions;
+        $[37] = data;
+        $[38] = error;
+        $[39] = isLoading;
+        $[40] = props.entityAlias;
+        $[41] = props.gridSchema;
+        $[42] = props.rowHeight;
+        $[43] = props.selectable;
+        $[44] = reload;
+        $[45] = state;
+        $[46] = t14;
+        $[47] = t15;
+        $[48] = t16;
+        $[49] = t17;
+        $[50] = t18;
+        $[51] = t19;
+    }
+    else {
+        t19 = $[51];
+    }
+    let t20;
+    if ($[52] !== Layout || $[53] !== props.entityAlias || $[54] !== t12 || $[55] !== t13 || $[56] !== t19) {
+        t20 = react_1.default.createElement(Layout, { appName: t12, key: props.entityAlias, title: t13 }, t19);
+        $[52] = Layout;
+        $[53] = props.entityAlias;
+        $[54] = t12;
+        $[55] = t13;
+        $[56] = t19;
+        $[57] = t20;
+    }
+    else {
+        t20 = $[57];
+    }
+    return t20;
 }
 GridPageComponent.displayName = "GridPageComponent";
 /** @deprecated - use custom DataGrid on project */
-const GridPage = (config) => {
+const GridPage = config => {
     var _a;
     function Component() {
         var _a, _b;
+        const $ = (0, compiler_runtime_1.c)(11);
         const router = (0, router_2.useRouter)();
-        const userConfigQuery = (0, swr_1.useCmsUserConfigQuery)({ path: { name: `v1--hidden-columns--${config.entityAlias}` } });
+        let t0;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+            t0 = {
+                path: {
+                    name: `v1--hidden-columns--${config.entityAlias}`
+                }
+            };
+            $[0] = t0;
+        }
+        else {
+            t0 = $[0];
+        }
+        const userConfigQuery = (0, swr_1.useCmsUserConfigQuery)(t0);
         const cmsTablesQuery = (0, swr_1.useCmsTablesQuery)();
-        const dataGridSchemaQuery = (0, swr_1.useDatagridGetSchemaQuery)({ path: { name: config.entityAlias } });
+        let t1;
+        if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+            t1 = {
+                path: {
+                    name: config.entityAlias
+                }
+            };
+            $[1] = t1;
+        }
+        else {
+            t1 = $[1];
+        }
+        const dataGridSchemaQuery = (0, swr_1.useDatagridGetSchemaQuery)(t1);
         if (cmsTablesQuery.isLoading || dataGridSchemaQuery.isLoading || is_server_1.isServer) {
-            return (react_1.default.createElement("div", { className: "flex min-h-screen w-full items-center justify-center" },
-                react_1.default.createElement(loader_1.Loader, null)));
+            let t2;
+            if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+                t2 = react_1.default.createElement("div", { className: "flex min-h-screen w-full items-center justify-center" },
+                    react_1.default.createElement(loader_1.Loader, null));
+                $[2] = t2;
+            }
+            else {
+                t2 = $[2];
+            }
+            return t2;
         }
         const metadata = (_a = cmsTablesQuery.data) === null || _a === void 0 ? void 0 : _a[config.entityAlias];
         const schema = dataGridSchemaQuery.data;
         if ((0, is_nil_1.isNil)(schema) || (0, is_nil_1.isNil)(metadata)) {
-            return react_1.default.createElement("div", null, "Omlouv\u00E1me se, n\u011Bco se pokazilo.");
+            let t2;
+            if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+                t2 = react_1.default.createElement("div", null, "Omlouv\u00E1me se, n\u011Bco se pokazilo.");
+                $[3] = t2;
+            }
+            else {
+                t2 = $[3];
+            }
+            return t2;
+        }
+        let t2;
+        if ($[4] !== userConfigQuery.data) {
+            t2 = (_b = userConfigQuery.data) !== null && _b !== void 0 ? _b : [];
+            $[4] = userConfigQuery.data;
+            $[5] = t2;
+        }
+        else {
+            t2 = $[5];
         }
-        return (react_1.default.createElement(GridPageComponent, { AddIcon: config.AddIcon, appName: config.appName, customActions: config.customActions, entityAlias: config.entityAlias, getEditUrl: config.getEditUrl, getOpenUrl: config.getOpenUrl, gridSchema: schema, initialHiddenColumns: (_b = userConfigQuery.data) !== null && _b !== void 0 ? _b : [], initialUserConfig: config.initialUserConfig, loader: config.loader, metaSchema: metadata, onAdd: config.onAdd, onAddTitle: config.onAddTitle, onEdit: config.onEdit, onOpen: config.onOpen, onRemove: config.onRemove, query: router.query, rowHeight: config.rowHeight, selectable: config.selectable, title: config.title, ui: config.ui }));
+        let t3;
+        if ($[6] !== metadata || $[7] !== router.query || $[8] !== schema || $[9] !== t2) {
+            t3 = react_1.default.createElement(GridPageComponent, { AddIcon: config.AddIcon, appName: config.appName, customActions: config.customActions, entityAlias: config.entityAlias, getEditUrl: config.getEditUrl, getOpenUrl: config.getOpenUrl, gridSchema: schema, initialHiddenColumns: t2, initialUserConfig: config.initialUserConfig, loader: config.loader, metaSchema: metadata, onAdd: config.onAdd, onAddTitle: config.onAddTitle, onEdit: config.onEdit, onOpen: config.onOpen, onRemove: config.onRemove, query: router.query, rowHeight: config.rowHeight, selectable: config.selectable, title: config.title, ui: config.ui });
+            $[6] = metadata;
+            $[7] = router.query;
+            $[8] = schema;
+            $[9] = t2;
+            $[10] = t3;
+        }
+        else {
+            t3 = $[10];
+        }
+        return t3;
     }
-    return (0, restricted_page_1.restrictedPage)(Component, { allowedRole: (_a = config.allowedRoles) !== null && _a !== void 0 ? _a : ["ROLE_ROOT"] });
+    return (0, restricted_page_1.restrictedPage)(Component, {
+        allowedRole: (_a = config.allowedRoles) !== null && _a !== void 0 ? _a : ["ROLE_ROOT"]
+    });
 };
 exports.GridPage = GridPage;

package/pages/grid-page/use-hidden-columns.js

@@ -1,17 +1,38 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHiddenColumns = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = require("react");
 const api_1 = require("../../api");
 const useHiddenColumns = (entityAlias, initialHiddenColumns) => {
+    const $ = (0, compiler_runtime_1.c)(5);
     const [hiddenColumns, setHiddenColumns] = (0, react_1.useState)(initialHiddenColumns);
-    const onChangeHiddenColumns = (0, react_1.useCallback)((columns) => {
-        setHiddenColumns(columns);
-        (0, api_1.userConfigSave)(`v1--hidden-columns--${entityAlias}`, columns);
-    }, [entityAlias]);
-    return {
-        hiddenColumns,
-        onChangeHiddenColumns,
-    };
+    let t0;
+    if ($[0] !== entityAlias) {
+        t0 = columns => {
+            setHiddenColumns(columns);
+            (0, api_1.userConfigSave)(`v1--hidden-columns--${entityAlias}`, columns);
+        };
+        $[0] = entityAlias;
+        $[1] = t0;
+    }
+    else {
+        t0 = $[1];
+    }
+    const onChangeHiddenColumns = t0;
+    let t1;
+    if ($[2] !== hiddenColumns || $[3] !== onChangeHiddenColumns) {
+        t1 = {
+            hiddenColumns,
+            onChangeHiddenColumns
+        };
+        $[2] = hiddenColumns;
+        $[3] = onChangeHiddenColumns;
+        $[4] = t1;
+    }
+    else {
+        t1 = $[4];
+    }
+    return t1;
 };
 exports.useHiddenColumns = useHiddenColumns;

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

@@ -35,6 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InviteUserPage = void 0;
+const compiler_runtime_1 = require("react/compiler-runtime");
 const react_1 = __importStar(require("react"));
 const invite_user_form_1 = require("../../forms/invite-user-form");
 const restricted_page_1 = require("../../security/restricted-page");
@@ -43,25 +44,47 @@ const INITIAL_VALUES = {
     surname: "",
     email: "",
     sendInvitation: false,
-    roles: [],
+    roles: []
 };
-const InviteUserPage = (config) => {
+const InviteUserPage = config => {
     const Component = () => {
         var _a, _b;
-        const onSubmit = (0, react_1.useCallback)(async (values) => {
-            try {
-                await config.onSubmit(values);
-            }
-            catch (e) {
-                config.handleError(e);
-            }
-        }, []);
-        const Layout = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : react_1.default.createElement("div", null);
-        const Content = (react_1.default.createElement(invite_user_form_1.InviteUserForm, { defaultValues: INITIAL_VALUES, onLoadRoles: config.onLoadRoles, onSubmit: onSubmit }));
-        return (0, react_1.cloneElement)(Layout, {
-            children: Content,
-        });
+        const $ = (0, compiler_runtime_1.c)(2);
+        const onSubmit = _temp;
+        let t0;
+        if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+            t0 = (_b = (_a = config.ui) === null || _a === void 0 ? void 0 : _a.Layout) !== null && _b !== void 0 ? _b : react_1.default.createElement("div", null);
+            $[0] = t0;
+        }
+        else {
+            t0 = $[0];
+        }
+        const Layout = t0;
+        let t1;
+        if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+            const Content = react_1.default.createElement(invite_user_form_1.InviteUserForm, { defaultValues: INITIAL_VALUES, onLoadRoles: config.onLoadRoles, onSubmit: onSubmit });
+            t1 = (0, react_1.cloneElement)(Layout, {
+                children: Content
+            });
+            $[1] = t1;
+        }
+        else {
+            t1 = $[1];
+        }
+        return t1;
     };
-    return (0, restricted_page_1.restrictedPage)(Component, { allowedRole: config.allowedRoles || ["ROLE_ROOT"] });
+    return (0, restricted_page_1.restrictedPage)(Component, {
+        allowedRole: config.allowedRoles || ["ROLE_ROOT"]
+    });
 };
 exports.InviteUserPage = InviteUserPage;
+async function _temp(values) {
+    ;
+    try {
+        await config.onSubmit(values);
+    }
+    catch (t0) {
+        const e = t0;
+        config.handleError(e);
+    }
+}