awing-library 2.1.21-beta → 2.1.21

package/lib/ACM-AXN/Page/Types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { ITemplateFileService } from '../../ACM-AXN/Template/Types';
 import { DirectoryRoot } from '../../ACM-AXN/Campaign/Enum';
 import { Directory, Timestamp } from '../../ACM-AXN/Campaign/Types';
 import { PageCode, VALID_PROCESS_CODE, VERIFIED_STATUS } from './enums';
@@ -16,6 +17,7 @@ export interface TemplateData {
     fieldName?: string;
     fieldValue?: string;
     isRequired?: boolean;
+    isAdvanced?: boolean;
 }
 export interface IPage {
     pageId: string;
@@ -42,10 +44,17 @@ export interface ViewModel {
     validProcessStatus: VALID_PROCESS_CODE;
     viewDatas: TemplateData[];
 }
+export interface PageViewEvent {
+    id?: number;
+    pageId?: string;
+    viewNumber?: number;
+    event?: string | undefined;
+}
 export interface PageModel {
     page: IPage;
     commonHtml: string;
     views: ViewModel[];
+    viewEvents: PageViewEvent[];
 }
 export interface FileResponse {
     data: Blob;
@@ -68,11 +77,6 @@ export interface PagesPaging {
     hasPreviousPage: boolean;
     hasNextPage: boolean;
 }
-export interface TemplateType {
-    id: number;
-    name: string;
-    templateTypeCode: string;
-}
 export interface Template {
     id: string;
     directoryId: string;
@@ -85,20 +89,7 @@ export interface Template {
     templateTypeId: number;
     validation: string;
     autoField: string;
-}
-export interface TemplateParameter {
-    id: string;
-    templateId: string;
-    fieldName: string;
-    fieldType: string;
-    defaultValue: string;
-    labelName: string;
-    isRequired: boolean;
-    childrens: TemplateParameter[];
-}
-export interface TemplateModel {
-    template: Template;
-    templateParameters: TemplateParameter[];
+    isDeprecated?: boolean;
 }
 export interface PhysicalFolder {
     name: string;
@@ -116,30 +107,13 @@ export interface IDomain {
     rateSharing: number;
     description: string | undefined;
 }
-export interface PageService {
+export interface PageService extends ITemplateFileService {
     directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
     pagesPaging: (searchString?: string, pageSize?: number, pageIndex?: number, directoryId?: string) => Promise<PagesPaging>;
     directoriesPost: (body: Directory) => Promise<void>;
     pagesDelete: (id: string) => Promise<void>;
     pagesExport: (id: string) => Promise<FileResponse>;
     pagesImport: (id: string, directoryId: string, name: string, file: FileParameter) => Promise<void>;
-    templatesGetDirectories: () => Promise<Directory[]>;
-    templateTypesGet: () => Promise<TemplateType[]>;
-    templatesGetByDirectoryId: (directoryId: string) => Promise<Template[]>;
-    templatesGet: (id: string) => Promise<TemplateModel>;
-    pageFilesCreateCreateUpload: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
-    pageFilesUpdateUpload: (code: PageCode, objectId: string, path: string, files: FileParameter[]) => Promise<void>;
-    pagesGenerateId: () => Promise<string>;
-    pageFilesUpdateGetTreeFolder: (code: PageCode, objectId: string) => Promise<PhysicalFolder>;
-    pageFilesCreateGetTreeFolder: (parentDirectoryId: string, code: PageCode, objectId: string) => Promise<PhysicalFolder>;
-    pageFilesCreateDownload: (parentDirectoryId: string, code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
-    pageFilesUpdateDownload: (code: PageCode, objectId: string, pathFile: string) => Promise<FileResponse>;
-    pageFilesUpdateDownloadFolder: (code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
-    pageFilesCreateDownloadFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<FileResponse>;
-    pageFilesCreateCreateFolder: (parentDirectoryId: string, code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
-    pageFilesUpdateCreateFolder: (code: PageCode, objectId: string, path: string, name: string) => Promise<void>;
-    pageFilesCreateDelete: (parentDirectoryId: string, code: PageCode, objectId: string, path: string) => Promise<void>;
-    pageFilesUpdateDelete: (code: PageCode, objectId: string, path: string) => Promise<void>;
     pagesPost: (body: PageModel) => Promise<void>;
     pagesPut: (id: string, body: PageModel) => Promise<void>;
     pagesGet: (id: string) => Promise<PageModel>;

package/lib/ACM-AXN/Page/enums.d.ts

@@ -2,6 +2,12 @@ export declare enum PageCode {
     Wlc = 0,
     Lgn = 1
 }
+export declare enum FileTypeCode {
+    Wlc = 0,
+    Lgn = 1,
+    Domain = 2,
+    Template = 3
+}
 export declare enum PathType {
     CREATE = "Create",
     EDIT = "Edit",

package/lib/ACM-AXN/Page/enums.js

@@ -1,11 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.PageCode = void 0;
+exports.VERIFIED_STATUS = exports.VALID_PROCESS_CODE = exports.TrackingType = exports.PathType = exports.FileTypeCode = exports.PageCode = void 0;
 var PageCode;
 (function (PageCode) {
     PageCode[PageCode["Wlc"] = 0] = "Wlc";
     PageCode[PageCode["Lgn"] = 1] = "Lgn";
 })(PageCode || (exports.PageCode = PageCode = {}));
+var FileTypeCode;
+(function (FileTypeCode) {
+    FileTypeCode[FileTypeCode["Wlc"] = 0] = "Wlc";
+    FileTypeCode[FileTypeCode["Lgn"] = 1] = "Lgn";
+    FileTypeCode[FileTypeCode["Domain"] = 2] = "Domain";
+    FileTypeCode[FileTypeCode["Template"] = 3] = "Template";
+})(FileTypeCode || (exports.FileTypeCode = FileTypeCode = {}));
 var PathType;
 (function (PathType) {
     PathType["CREATE"] = "Create";

package/lib/ACM-AXN/Page/index.js

@@ -29,6 +29,7 @@ var Context_1 = require("./Context");
 var enums_1 = require("./enums");
 var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
 var index_1 = __importDefault(require("./Import/index"));
+var Enum_1 = require("../../ACM-AXN/Campaign/Enum");
 var Page = function (props) {
     var paths = [
         { path: Constant_1.pageConstants.IMPORT_PAGE, element: (0, jsx_runtime_1.jsx)(index_1.default, {}) },
@@ -46,7 +47,7 @@ var Page = function (props) {
         },
         {
             path: Constant_1.pageConstants.PAGE_CREATE_DIRECTORY + '/:directoryId',
-            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ parentDirectory: props.pageCode === enums_1.PageCode.Lgn
+            element: ((0, jsx_runtime_1.jsx)(CreateDirectory_1.default, __assign({ directoryRoot: Enum_1.DirectoryRoot[props.pageCode === enums_1.PageCode.Lgn ? 'PageLogin' : 'PageWelcome'], parentDirectory: props.pageCode === enums_1.PageCode.Lgn
                     ? 'pageLogin'
                     : 'pageWelcome' }, props))),
         },

package/lib/ACM-AXN/PlaceFilter/DataTable/container.js

@@ -74,7 +74,6 @@ var DataTable = function (props) {
             return;
         if (isError)
             setIsError(function () { return false; });
-        console.log("query");
         if (isSelectedTagAll) {
             setIsLoading(function () { return true; });
             getTagAllPlaces()
@@ -105,7 +104,7 @@ var DataTable = function (props) {
     (0, react_1.useEffect)(function () {
         queryData();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pageIndex, pageSize]);
+    }, [pageIndex, pageSize, isSelectedTagAll]);
     var getAllPlaces = function () {
         return getPlacesByFilter((tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || []);
     };

package/lib/ACM-AXN/PlaceFilter/Input/container.js

@@ -20,8 +20,9 @@ var recoil_1 = require("recoil");
 var component_1 = __importDefault(require("./component"));
 var common_1 = require("../common");
 var Enum_1 = require("../Enum");
+var react_1 = require("react");
 var FieldInput = function () {
-    var _a = (0, recoil_1.useRecoilState)(Atom_1.isSelectedTagAllState), setIsSelectedTagAll = _a[1];
+    var _a = (0, recoil_1.useRecoilState)(Atom_1.isSelectedTagAllState), isSelectedTagAll = _a[0], setIsSelectedTagAll = _a[1];
     var _b = (0, recoil_1.useRecoilState)(Atom_1.tagSelectedState), tagSelected = _b[0], setTagSelected = _b[1];
     var tagsAll = (0, recoil_1.useRecoilValue)(Atom_1.tagsAllState);
     var handleChange = function (newValue, index, isChangeOperator) {
@@ -55,6 +56,15 @@ var FieldInput = function () {
             setTagSelected(tagPrepare);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(component_1.default, { inputFilters: (tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || [], onChange: handleChange }));
+    // console.log("defaultTagValue", defaultTagValue)
+    var inputFilters = (0, react_1.useMemo)(function () {
+        if (isSelectedTagAll) {
+            return ((tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || []).map(function (input, index) {
+                return __assign(__assign({}, input), { value: common_1.defaultTagValue[input.type] });
+            });
+        }
+        return (tagSelected === null || tagSelected === void 0 ? void 0 : tagSelected.filterFields) || [];
+    }, [isSelectedTagAll, tagSelected]);
+    return ((0, jsx_runtime_1.jsx)(component_1.default, { inputFilters: inputFilters, onChange: handleChange }));
 };
 exports.default = FieldInput;

package/lib/ACM-AXN/PlaceFilter/common.d.ts

@@ -1 +1,2 @@
 export declare const compareTwoArrayObject: (arrObj1: any, arrObj2: any) => any;
+export declare const defaultTagValue: Record<"text" | "select-area" | "select" | "multiple-hierarchical-choice" | "geo-fencing" | "auto-complete" | "multiple-select", any>;

package/lib/ACM-AXN/PlaceFilter/common.js

@@ -1,6 +1,18 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.compareTwoArrayObject = void 0;
+exports.defaultTagValue = exports.compareTwoArrayObject = void 0;
+var Enum_1 = require("./Enum");
 var isEqual = require("lodash/isEqual");
 var compareTwoArrayObject = function (arrObj1, arrObj2) {
     var result = (arrObj1 || []).filter(function (object1) {
@@ -23,3 +35,17 @@ var compareTwoArrayObject = function (arrObj1, arrObj2) {
     return result;
 };
 exports.compareTwoArrayObject = compareTwoArrayObject;
+exports.defaultTagValue = Object.entries(Enum_1.EnumFieldInputType).reduce(function (obj, _a) {
+    var _b;
+    var key = _a[0], value = _a[1];
+    return __assign(__assign({}, obj), (_b = {}, _b[value] = (function () {
+        switch (value) {
+            case Enum_1.EnumFieldInputType.TEXT:
+                return "";
+            case Enum_1.EnumFieldInputType.GEO_FENCING:
+                return undefined;
+            default:
+                return [];
+        }
+    })(), _b));
+}, {});

package/lib/ACM-AXN/PlaceGroup/Container.js

@@ -19,7 +19,7 @@ function Container() {
     var navigate = (0, Router_1.useNavigate)();
     var t = (0, react_i18next_1.useTranslation)().t;
     var _a = (0, Hooks_1.default)(), service = _a.service, confirm = _a.appHelper.confirm;
-    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _b = (0, react_1.useState)(true), loading = _b[0], setLoading = _b[1];
     var _c = (0, react_1.useState)(), PagedList = _c[0], setPagedList = _c[1];
     var queryData = (0, react_1.useCallback)(function (queryInput) {
         var searchString = queryInput.searchString, pageIndex = queryInput.pageIndex, pageSize = queryInput.pageSize;

package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.d.ts

@@ -1,7 +0,0 @@
-/**
- *
- * @author dauquan1108@gmail.com on 01/26/2024.
- *
- **/
-declare function ContentCreateOrEdit(): import("react/jsx-runtime").JSX.Element;
-export default ContentCreateOrEdit;

package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.js

@@ -1,136 +1 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-/**
- *
- * @author dauquan1108@gmail.com on 01/26/2024.
- *
- **/
-var react_1 = require("react");
-var react_router_dom_1 = require("react-router-dom");
-var react_i18next_1 = require("react-i18next");
-var Types_1 = require("./Types");
-var AWING_1 = require("../../AWING");
-var Hooks_1 = __importDefault(require("./Hooks"));
-var PlaceListInfo_1 = __importDefault(require("./PlaceListInfo"));
-function ContentCreateOrEdit() {
-    var t = (0, react_i18next_1.useTranslation)().t;
-    var id = (0, react_router_dom_1.useParams)().id;
-    var _a = (0, Hooks_1.default)(), service = _a.service, snackbar = _a.appHelper.snackbar;
-    var _b = (0, AWING_1.useDrawer)(), drawerState = _b.drawerState, setDrawerState = _b.setDrawerState, setDrawerTitle = _b.setDrawerTitle, setConfirmExit = _b.setConfirmExit;
-    var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
-    var _d = (0, react_1.useState)(false), loadingTable = _d[0], setLoadingTable = _d[1];
-    var _e = (0, react_1.useState)(), placeGroup = _e[0], setPlaceGroup = _e[1];
-    var _f = (0, react_1.useState)(), placeFilter = _f[0], setPlaceFilter = _f[1];
-    var _g = (0, react_1.useState)([]), places = _g[0], setPlaces = _g[1];
-    // Update DrawerNavigate
-    (0, react_1.useEffect)(function () {
-        var _a;
-        setDrawerTitle(id
-            ? "".concat(t('PlaceGroup.TitleEdit'), ": ").concat(placeGroup ? placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name : 'Loading...')
-            : t('PlaceGroup.TitleCreate'));
-        !(placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name) || !((_a = placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name) === null || _a === void 0 ? void 0 : _a.trim())
-            ? setDrawerState(AWING_1.DrawerStateEnum.INVALID)
-            : setDrawerState(AWING_1.DrawerStateEnum.VALID);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name]);
-    (0, react_1.useEffect)(function () {
-        if (drawerState === AWING_1.DrawerStateEnum.IN_PROGRESS) {
-            handleSubmit();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [drawerState]);
-    // End update DrawerNavigate
-    (0, react_1.useEffect)(function () {
-        if (!placeGroup && id) {
-            setLoading(true);
-            service
-                .placeGroupsGet(id)
-                .then(function (placeGroupData) {
-                setPlaceGroup(placeGroupData);
-                setPlaceFilter(placeGroupData.placeFilter);
-            })
-                .finally(function () {
-                setLoading(false);
-            });
-        }
-    }, [placeGroup, service, id]);
-    (0, react_1.useEffect)(function () {
-        if (id) {
-            setLoadingTable(true);
-            service
-                .placesQuery({ groupIds: [id] })
-                .then(setPlaces)
-                .finally(function () {
-                setLoadingTable(false);
-            });
-        }
-    }, [service, id]);
-    var handleDetailSubmit = (0, react_1.useCallback)(function (placesSelected, placeFilter) {
-        setConfirmExit(true);
-        setPlaces(placesSelected);
-        setPlaceFilter(placeFilter);
-    }, []);
-    var handleSubmit = function () {
-        var newPlaceGroup = __assign(__assign({}, placeGroup), { placeIds: places.map(function (place) { return place.placeId; }), placeFilter: placeFilter !== null && placeFilter !== void 0 ? placeFilter : {
-                operandGroups: [
-                    {
-                        operands: [
-                            {
-                                operator: Types_1.LogicalOperator.In,
-                                type: Types_1.PlaceFilterOperandType.PlaceId,
-                                value: '[]',
-                            },
-                        ],
-                    },
-                ],
-            } });
-        var handleServiceCall = function (promise) {
-            return promise
-                .then(function () {
-                snackbar('success');
-                setDrawerState(AWING_1.DrawerStateEnum.SUBMIT_SUCCESS);
-            })
-                .catch(function () {
-                snackbar('error');
-                setDrawerState(AWING_1.DrawerStateEnum.VALID);
-            });
-        };
-        return id
-            ? handleServiceCall(service.placeGroupsPut(newPlaceGroup))
-            : handleServiceCall(service.placeGroupsPost(newPlaceGroup));
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { caption: t('PlaceGroup.TitlePlaceGroupInfo'), fields: [
-                        {
-                            fieldName: 'name',
-                            type: 'text',
-                            label: t('Common.GroupName'),
-                            required: true,
-                        },
-                        {
-                            fieldName: 'description',
-                            type: 'text',
-                            label: t('PlaceGroup.Description'),
-                        },
-                    ], oldValue: placeGroup, onUpdate: function (validState, valueForm) {
-                        setConfirmExit(true);
-                        setPlaceGroup(function (oldPlaceGroup) {
-                            return (__assign(__assign({}, oldPlaceGroup), valueForm));
-                        });
-                    } }), (0, jsx_runtime_1.jsx)(PlaceListInfo_1.default, { rows: places, loading: loadingTable, onDetailSubmit: handleDetailSubmit, placeFilter: placeFilter })] })) }));
-}
-exports.default = ContentCreateOrEdit;

package/lib/ACM-AXN/PlaceGroup/ContentCreateOrEdit.test.js

@@ -59,7 +59,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  **/
 var react_1 = require("@testing-library/react");
 var react_router_dom_1 = require("react-router-dom");
-var ContentCreateOrEdit_1 = __importDefault(require("./ContentCreateOrEdit"));
+var CreateOrEdit_1 = __importDefault(require("./CreateOrEdit"));
 var AWING_1 = require("../../AWING");
 require("@testing-library/jest-dom");
 var mockPlaceGroup = {
@@ -281,7 +281,7 @@ describe('ContentCreateOrEdit component(PlaceGroup).', function () {
         });
     });
     var renderUi = function () {
-        return (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(ContentCreateOrEdit_1.default, {}) }));
+        return (0, react_1.render)((0, jsx_runtime_1.jsx)(react_router_dom_1.BrowserRouter, { children: (0, jsx_runtime_1.jsx)(CreateOrEdit_1.default, {}) }));
     };
     it('Render component', function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/lib/ACM-AXN/PlaceGroup/Context.d.ts

@@ -4,5 +4,5 @@
  *
  **/
 /// <reference types="react" />
-import { PlaceGroupPropsContext } from "./Types";
+import { PlaceGroupPropsContext } from './Types';
 export declare const placeGroupPropsContext: import("react").Context<PlaceGroupPropsContext>;

package/lib/ACM-AXN/PlaceGroup/CreateOrEdit.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,9 +20,98 @@ var jsx_runtime_1 = require("react/jsx-runtime");
  * @author dauquan1108@gmail.com on 01/26/2024.
  *
  **/
-var DrawerNavigate_1 = __importDefault(require("../../AWING/DrawerNavigate"));
-var ContentCreateOrEdit_1 = __importDefault(require("./ContentCreateOrEdit"));
+var react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var react_i18next_1 = require("react-i18next");
+var Types_1 = require("./Types");
+var AWING_1 = require("../../AWING");
+var Hooks_1 = __importDefault(require("./Hooks"));
+var PlaceListInfo_1 = __importDefault(require("./PlaceListInfo"));
+var ClassicDrawer_1 = __importDefault(require("../../Commons/Components/ClassicDrawer"));
 function CreateOrEdit() {
-    return ((0, jsx_runtime_1.jsx)(DrawerNavigate_1.default, { childrenWrapperStyle: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(ContentCreateOrEdit_1.default, {}) }));
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var id = (0, react_router_dom_1.useParams)().id;
+    var service = (0, Hooks_1.default)().service;
+    var _a = (0, react_1.useState)(false), confirmExit = _a[0], setConfirmExit = _a[1];
+    var _b = (0, react_1.useState)(true), validState = _b[0], setValidState = _b[1];
+    var _c = (0, react_1.useState)(true), loading = _c[0], setLoading = _c[1];
+    var _d = (0, react_1.useState)(true), loadingTable = _d[0], setLoadingTable = _d[1];
+    var _e = (0, react_1.useState)(), placeGroup = _e[0], setPlaceGroup = _e[1];
+    var _f = (0, react_1.useState)(), placeFilter = _f[0], setPlaceFilter = _f[1];
+    var _g = (0, react_1.useState)([]), places = _g[0], setPlaces = _g[1];
+    (0, react_1.useEffect)(function () {
+        if (!placeGroup && id) {
+            service
+                .placeGroupsGet(id)
+                .then(function (placeGroupData) {
+                setPlaceGroup(placeGroupData);
+                setPlaceFilter(placeGroupData.placeFilter);
+            })
+                .finally(function () {
+                setLoading(false);
+            });
+        }
+        else {
+            setLoading(false);
+        }
+    }, [placeGroup, service, id]);
+    (0, react_1.useEffect)(function () {
+        if (id) {
+            service
+                .placesQuery({ groupIds: [id] })
+                .then(setPlaces)
+                .finally(function () {
+                setLoadingTable(false);
+            });
+        }
+        else {
+            setLoadingTable(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id]);
+    var handleDetailSubmit = (0, react_1.useCallback)(function (placesSelected, placeFilter) {
+        setConfirmExit(true);
+        setPlaces(placesSelected);
+        setPlaceFilter(placeFilter);
+    }, []);
+    var handleSubmit = function () {
+        var newPlaceGroup = __assign(__assign({}, placeGroup), { placeIds: places.map(function (place) { return place.placeId; }), placeFilter: placeFilter !== null && placeFilter !== void 0 ? placeFilter : {
+                operandGroups: [
+                    {
+                        operands: [
+                            {
+                                operator: Types_1.LogicalOperator.In,
+                                type: Types_1.PlaceFilterOperandType.PlaceId,
+                                value: '[]',
+                            },
+                        ],
+                    },
+                ],
+            } });
+        return service[id ? 'placeGroupsPut' : 'placeGroupsPost'](newPlaceGroup);
+    };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: id
+            ? "".concat(t('PlaceGroup.TitleEdit'), ": ").concat(placeGroup ? placeGroup === null || placeGroup === void 0 ? void 0 : placeGroup.name : 'Loading...')
+            : t('PlaceGroup.TitleCreate'), onSubmit: handleSubmit, confirmExit: confirmExit, disableButtonSubmit: !(validState && confirmExit), children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(AWING_1.BasicDataForm, { caption: t('PlaceGroup.TitlePlaceGroupInfo'), fields: [
+                        {
+                            fieldName: 'name',
+                            type: 'text',
+                            label: t('Common.GroupName'),
+                            required: true,
+                        },
+                        {
+                            fieldName: 'description',
+                            type: 'text',
+                            length: 200,
+                            pattern: false,
+                            label: t('PlaceGroup.Description'),
+                        },
+                    ], oldValue: placeGroup, onUpdate: function (validState, valueForm) {
+                        setConfirmExit(true);
+                        setValidState(validState);
+                        setPlaceGroup(function (oldPlaceGroup) {
+                            return (__assign(__assign({}, oldPlaceGroup), valueForm));
+                        });
+                    } }), (0, jsx_runtime_1.jsx)(PlaceListInfo_1.default, { rows: places, loading: loadingTable, onDetailSubmit: handleDetailSubmit, placeFilter: placeFilter })] })) }));
 }
 exports.default = CreateOrEdit;