@hedhog/blog 0.0.1

package/frontend/category/components/update-panel.tsx

@@ -0,0 +1,59 @@
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from "@/components/custom/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/custom/tab-panel";
+import { EnumFieldType } from "@/enums/EnumFieldType";
+import { useCategoryGet, useCategoryUpdate } from "@/features/category";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { Category } from "@/types/models";
+import { t } from "i18next";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+
+export type CategoryUpdatePanelProps = {
+  data: Category;
+  onUpdated?: (data: Category) => void;
+};
+
+export const CategoryUpdatePanel = forwardRef(
+  ({ data, onUpdated }: CategoryUpdatePanelProps, ref) => {
+    const { data: item, isLoading } = useCategoryGet(data.id as number);
+    const { mutate: categoryUpdate } = useCategoryUpdate();
+    const formRef = useRef<FormPanelRef>(null);
+
+    useEffectAfterFirstUpdate(() => {
+      if (item && formRef.current) {
+        formRef.current.setValuesFromItem(item);
+      }
+    }, [item]);
+
+    useImperativeHandle(ref, () => ({}));
+
+    return (
+      <TabPanel
+        activeTabIndex={0}
+        tabs={[
+          {
+            title: t("details", { ns: "actions" }),
+            children: (
+              <Overlay loading={isLoading}>
+                <FormPanel
+                  ref={formRef}
+                  fields={[...getFieldsLocale([{ name: "name" }])]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    categoryUpdate({ id: data.id, data });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);

package/frontend/category/react-query/handlers.d.ts

@@ -0,0 +1,5 @@
+export declare function useCategoryCreate(): any;
+export declare function useCategoryDelete(): any;
+export declare function useCategoryUpdate(): any;
+export declare function useCategoryGet(id: number): any;
+//# sourceMappingURL=handlers.d.ts.map

package/frontend/category/react-query/handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["handlers.ts"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,QAGhC;AAED,wBAAgB,iBAAiB,QAGhC;AAED,wBAAgB,iBAAiB,QAGhC;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,OAMxC"}

package/frontend/category/react-query/handlers.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCategoryCreate = useCategoryCreate;
+exports.useCategoryDelete = useCategoryDelete;
+exports.useCategoryUpdate = useCategoryUpdate;
+exports.useCategoryGet = useCategoryGet;
+const use_default_mutation_1 = require("@/hooks/use-default-mutation");
+const react_query_1 = require("@tanstack/react-query");
+const requests_1 = require("./requests");
+const scope = "category";
+function useCategoryCreate() {
+    const { categoryCreate } = (0, requests_1.requests)();
+    return (0, use_default_mutation_1.useDefaultMutation)(scope, "create", categoryCreate);
+}
+function useCategoryDelete() {
+    const { categoryDelete } = (0, requests_1.requests)();
+    return (0, use_default_mutation_1.useDefaultMutation)(scope, "delete", categoryDelete);
+}
+function useCategoryUpdate() {
+    const { categoryUpdate } = (0, requests_1.requests)();
+    return (0, use_default_mutation_1.useDefaultMutation)(scope, "update", categoryUpdate);
+}
+function useCategoryGet(id) {
+    const { categoryGet } = (0, requests_1.requests)();
+    return (0, react_query_1.useQuery)({
+        queryKey: [scope, "get"],
+        queryFn: () => categoryGet(id),
+    });
+}
+//# sourceMappingURL=handlers.js.map

package/frontend/category/react-query/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["handlers.ts"],"names":[],"mappings":";;AAMA,8CAGC;AAED,8CAGC;AAED,8CAGC;AAED,wCAMC;AA3BD,uEAAkE;AAClE,uDAAiD;AACjD,yCAAsC;AAEtC,MAAM,KAAK,GAAG,UAAU,CAAC;AAEzB,SAAgB,iBAAiB;IAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACtC,OAAO,IAAA,yCAAkB,EAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC;AAED,SAAgB,iBAAiB;IAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACtC,OAAO,IAAA,yCAAkB,EAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC;AAED,SAAgB,iBAAiB;IAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACtC,OAAO,IAAA,yCAAkB,EAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;AAC7D,CAAC;AAED,SAAgB,cAAc,CAAC,EAAU;IACvC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IACnC,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACxB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;KAC/B,CAAC,CAAC;AACL,CAAC"}

package/frontend/category/react-query/handlers.ts

@@ -0,0 +1,28 @@
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "category";
+
+export function useCategoryCreate() {
+  const { categoryCreate } = requests();
+  return useDefaultMutation(scope, "create", categoryCreate);
+}
+
+export function useCategoryDelete() {
+  const { categoryDelete } = requests();
+  return useDefaultMutation(scope, "delete", categoryDelete);
+}
+
+export function useCategoryUpdate() {
+  const { categoryUpdate } = requests();
+  return useDefaultMutation(scope, "update", categoryUpdate);
+}
+
+export function useCategoryGet(id: number) {
+  const { categoryGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => categoryGet(id),
+  });
+}

package/frontend/category/react-query/requests.d.ts

@@ -0,0 +1,10 @@
+import { PaginationParams } from "@/types";
+import { Category } from "@/types/models";
+export declare function requests(): {
+    categoryCreate: (data: Category) => Promise<any>;
+    categoryUpdate: (id: number, data: Category) => Promise<any>;
+    categoryDelete: (ids: number[]) => Promise<any>;
+    categoryList: (params: PaginationParams) => Promise<any>;
+    categoryGet: (id: number) => Promise<any>;
+};
+//# sourceMappingURL=requests.d.ts.map

package/frontend/category/react-query/requests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requests.d.ts","sourceRoot":"","sources":["requests.ts"],"names":[],"mappings":"AACA,OAAO,EAAU,gBAAgB,EAAoB,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI1C,wBAAgB,QAAQ;2BAgBc,QAAQ;yBAgBV,MAAM,QAAQ,QAAQ;0BARrB,MAAM,EAAE;2BArBP,gBAAgB;sBAOrB,MAAM;EAqCtC"}

package/frontend/category/react-query/requests.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.requests = requests;
+const use_app_1 = require("@/hooks/use-app");
+const http_method_1 = require("@/types/http-method");
+const utils_1 = require("@hedhog/utils");
+function requests() {
+    const { request } = (0, use_app_1.useApp)();
+    const categoryList = async (params) => {
+        return request({
+            url: "/category",
+            params,
+        });
+    };
+    const categoryGet = async (id) => {
+        return request({
+            url: `/category/${id}`,
+        });
+    };
+    const categoryCreate = async (data) => {
+        return request({
+            url: "/category",
+            method: http_method_1.HttpMethod.POST,
+            data: (0, utils_1.formatDataWithLocale)(data),
+        });
+    };
+    const categoryDelete = async (ids) => {
+        return request({
+            url: "/category",
+            data: { ids },
+            method: http_method_1.HttpMethod.DELETE,
+        });
+    };
+    const categoryUpdate = async (id, data) => {
+        return request({
+            url: `/category/${id}`,
+            method: http_method_1.HttpMethod.PATCH,
+            data: (0, utils_1.formatDataWithLocale)(data),
+        });
+    };
+    return {
+        categoryCreate,
+        categoryUpdate,
+        categoryDelete,
+        categoryList,
+        categoryGet,
+    };
+}
+//# sourceMappingURL=requests.js.map

package/frontend/category/react-query/requests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"requests.js","sourceRoot":"","sources":["requests.ts"],"names":[],"mappings":";;AAMA,4BA+CC;AArDD,6CAAyC;AAGzC,qDAAiD;AACjD,yCAAqD;AAErD,SAAgB,QAAQ;IACtB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gBAAM,GAAE,CAAC;IAE7B,MAAM,YAAY,GAAG,KAAK,EAAE,MAAwB,EAAE,EAAE;QACtD,OAAO,OAAO,CAA6B;YACzC,GAAG,EAAE,WAAW;YAChB,MAAM;SACP,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,EAAE,EAAU,EAAE,EAAE;QACvC,OAAO,OAAO,CAAW;YACvB,GAAG,EAAE,aAAa,EAAE,EAAE;SACvB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,EAAE,IAAc,EAAE,EAAE;QAC9C,OAAO,OAAO,CAAW;YACvB,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,wBAAU,CAAC,IAAI;YACvB,IAAI,EAAE,IAAA,4BAAoB,EAAC,IAAI,CAAC;SACjC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,EAAE,GAAa,EAAE,EAAE;QAC7C,OAAO,OAAO,CAAS;YACrB,GAAG,EAAE,WAAW;YAChB,IAAI,EAAE,EAAE,GAAG,EAAE;YACb,MAAM,EAAE,wBAAU,CAAC,MAAM;SAC1B,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,KAAK,EAAE,EAAU,EAAE,IAAc,EAAE,EAAE;QAC1D,OAAO,OAAO,CAAW;YACvB,GAAG,EAAE,aAAa,EAAE,EAAE;YACtB,MAAM,EAAE,wBAAU,CAAC,KAAK;YACxB,IAAI,EAAE,IAAA,4BAAoB,EAAC,IAAI,CAAC;SACjC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;QACL,cAAc;QACd,cAAc;QACd,cAAc;QACd,YAAY;QACZ,WAAW;KACZ,CAAC;AACJ,CAAC"}

package/frontend/category/react-query/requests.ts

@@ -0,0 +1,54 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { Category } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+import { formatDataWithLocale } from "@hedhog/utils";
+
+export function requests() {
+  const { request } = useApp();
+
+  const categoryList = async (params: PaginationParams) => {
+    return request<PaginationResult<Category>>({
+      url: "/category",
+      params,
+    });
+  };
+
+  const categoryGet = async (id: number) => {
+    return request<Category>({
+      url: `/category/${id}`,
+    });
+  };
+
+  const categoryCreate = async (data: Category) => {
+    return request<Category>({
+      url: "/category",
+      method: HttpMethod.POST,
+      data: formatDataWithLocale(data),
+    });
+  };
+
+  const categoryDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/category",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    });
+  };
+
+  const categoryUpdate = async (id: number, data: Category) => {
+    return request<Category>({
+      url: `/category/${id}`,
+      method: HttpMethod.PATCH,
+      data: formatDataWithLocale(data),
+    });
+  };
+
+  return {
+    categoryCreate,
+    categoryUpdate,
+    categoryDelete,
+    categoryList,
+    categoryGet,
+  };
+}

package/frontend/post/components/create-panel.d.ts

@@ -0,0 +1,9 @@
+import { Post } from "@/types/models";
+export type PostCreatePanelRef = {
+    submit: () => void;
+};
+export type PostCreatePanelProps = {
+    onCreated?: (data: Post) => void;
+};
+export declare const PostCreatePanel: any;
+//# sourceMappingURL=create-panel.d.ts.map

package/frontend/post/components/create-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-panel.d.ts","sourceRoot":"","sources":["create-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,eAAe,KA0D3B,CAAC"}

package/frontend/post/components/create-panel.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostCreatePanel = void 0;
+const form_panel_1 = __importDefault(require("@/components/custom/form-panel"));
+const EnumFieldType_1 = require("@/enums/EnumFieldType");
+const person_type_1 = require("@/features/person-type");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+exports.PostCreatePanel = (0, react_1.forwardRef)(({ onCreated }, ref) => {
+    const formRef = (0, react_1.useRef)(null);
+    const { t } = (0, react_i18next_1.useTranslation)(["post", "actions"]);
+    const { mutateAsync: createPost } = (0, person_type_1.usePostCreate)();
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        submit: () => {
+            var _a;
+            (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.submit();
+        },
+    }), [formRef]);
+    return (<form_panel_1.default ref={formRef} fields={[
+            {
+                name: "title",
+                label: { text: t("title", { ns: "translation" }) },
+                type: EnumFieldType_1.EnumFieldType.TEXT,
+                required: true,
+            },
+            {
+                name: "content",
+                label: { text: t("content", { ns: "translation" }) },
+                type: EnumFieldType_1.EnumFieldType.TEXT,
+                required: true,
+            },
+            {
+                name: "author_id",
+                label: { text: t("author_id", { ns: "translation" }) },
+                type: EnumFieldType_1.EnumFieldType.TEXT,
+                required: true,
+            },
+            {
+                name: "category_id",
+                label: { text: t("category_id", { ns: "translation" }) },
+                type: EnumFieldType_1.EnumFieldType.TEXT,
+                required: true,
+            },
+        ]} button={{ text: t("create", { ns: "actions" }) }} onSubmit={async (data) => {
+            const createdData = await createPost(data);
+            if (typeof onCreated === "function") {
+                onCreated(createdData);
+            }
+        }}/>);
+});
+//# sourceMappingURL=create-panel.js.map

package/frontend/post/components/create-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-panel.js","sourceRoot":"","sources":["create-panel.tsx"],"names":[],"mappings":";;;;;;AAAA,gFAAyE;AACzE,yDAAsD;AACtD,wDAAuD;AAEvD,iCAAgE;AAChE,iDAA+C;AAUlC,QAAA,eAAe,GAAG,IAAA,kBAAU,EACvC,CAAC,EAAE,SAAS,EAAwB,EAAE,GAAG,EAAE,EAAE;IAC3C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAe,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,EAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAA,2BAAa,GAAE,CAAC;IAEpD,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE;;YACX,MAAA,OAAO,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC,EACF,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,CAAC,oBAAS,CACR,GAAG,CAAC,CAAC,OAAO,CAAC,CACb,MAAM,CAAC,CAAC;YACN;gBACE,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;gBAClD,IAAI,EAAE,6BAAa,CAAC,IAAI;gBACxB,QAAQ,EAAE,IAAI;aACf;YAED;gBACE,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;gBACpD,IAAI,EAAE,6BAAa,CAAC,IAAI;gBACxB,QAAQ,EAAE,IAAI;aACf;YAED;gBACE,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;gBACtD,IAAI,EAAE,6BAAa,CAAC,IAAI;gBACxB,QAAQ,EAAE,IAAI;aACf;YAED;gBACE,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,CAAC,EAAE;gBACxD,IAAI,EAAE,6BAAa,CAAC,IAAI;gBACxB,QAAQ,EAAE,IAAI;aACf;SACF,CAAC,CACF,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACjD,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YACvB,MAAM,WAAW,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;YAC3C,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;gBACpC,SAAS,CAAC,WAAW,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/frontend/post/components/create-panel.tsx

@@ -0,0 +1,74 @@
+import FormPanel, { FormPanelRef } from "@/components/custom/form-panel";
+import { EnumFieldType } from "@/enums/EnumFieldType";
+import { usePostCreate } from "@/features/person-type";
+import { Post } from "@/types/models";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+
+export type PostCreatePanelRef = {
+  submit: () => void;
+};
+
+export type PostCreatePanelProps = {
+  onCreated?: (data: Post) => void;
+};
+
+export const PostCreatePanel = forwardRef(
+  ({ onCreated }: PostCreatePanelProps, ref) => {
+    const formRef = useRef<FormPanelRef>(null);
+    const { t } = useTranslation(["post", "actions"]);
+    const { mutateAsync: createPost } = usePostCreate();
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          formRef.current?.submit();
+        },
+      }),
+      [formRef],
+    );
+
+    return (
+      <FormPanel
+        ref={formRef}
+        fields={[
+          {
+            name: "title",
+            label: { text: t("title", { ns: "translation" }) },
+            type: EnumFieldType.TEXT,
+            required: true,
+          },
+
+          {
+            name: "content",
+            label: { text: t("content", { ns: "translation" }) },
+            type: EnumFieldType.TEXT,
+            required: true,
+          },
+
+          {
+            name: "author_id",
+            label: { text: t("author_id", { ns: "translation" }) },
+            type: EnumFieldType.TEXT,
+            required: true,
+          },
+
+          {
+            name: "category_id",
+            label: { text: t("category_id", { ns: "translation" }) },
+            type: EnumFieldType.TEXT,
+            required: true,
+          },
+        ]}
+        button={{ text: t("create", { ns: "actions" }) }}
+        onSubmit={async (data) => {
+          const createdData = await createPost(data);
+          if (typeof onCreated === "function") {
+            onCreated(createdData);
+          }
+        }}
+      />
+    );
+  },
+);

package/frontend/post/components/update-panel.d.ts

@@ -0,0 +1,7 @@
+import { Post } from "@/types/models";
+export type PostUpdatePanelProps = {
+    data: Post;
+    onUpdated?: (data: Post) => void;
+};
+export declare const PostUpdatePanel: any;
+//# sourceMappingURL=update-panel.d.ts.map

package/frontend/post/components/update-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-panel.d.ts","sourceRoot":"","sources":["update-panel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAItC,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,eAAe,KAoE3B,CAAC"}

package/frontend/post/components/update-panel.js

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PostUpdatePanel = void 0;
+const form_panel_1 = __importDefault(require("@/components/custom/form-panel"));
+const overlay_1 = require("@/components/custom/overlay");
+const tab_panel_1 = require("@/components/custom/tab-panel");
+const EnumFieldType_1 = require("@/enums/EnumFieldType");
+const post_1 = require("@/features/post");
+const use_effect_after_first_update_1 = __importDefault(require("@/hooks/use-effect-after-first-update"));
+const i18next_1 = require("i18next");
+const react_1 = require("react");
+exports.PostUpdatePanel = (0, react_1.forwardRef)(({ data, onUpdated }, ref) => {
+    const { data: item, isLoading } = (0, post_1.usePostGet)(data.id);
+    const { mutate: postUpdate } = (0, post_1.usePostUpdate)();
+    const formRef = (0, react_1.useRef)(null);
+    (0, use_effect_after_first_update_1.default)(() => {
+        if (item && formRef.current) {
+            formRef.current.setValuesFromItem(item);
+        }
+    }, [item]);
+    (0, react_1.useImperativeHandle)(ref, () => ({}));
+    return (<tab_panel_1.TabPanel activeTabIndex={0} tabs={[
+            {
+                title: (0, i18next_1.t)("details", { ns: "actions" }),
+                children: (<overlay_1.Overlay loading={isLoading}>
+                <form_panel_1.default ref={formRef} fields={[
+                        {
+                            name: "title",
+                            label: { text: (0, i18next_1.t)("title", { ns: "translation" }) },
+                            type: EnumFieldType_1.EnumFieldType.TEXT,
+                            required: true,
+                        },
+                        {
+                            name: "content",
+                            label: { text: (0, i18next_1.t)("content", { ns: "translation" }) },
+                            type: EnumFieldType_1.EnumFieldType.TEXT,
+                            required: true,
+                        },
+                        {
+                            name: "author_id",
+                            label: { text: (0, i18next_1.t)("author_id", { ns: "translation" }) },
+                            type: EnumFieldType_1.EnumFieldType.TEXT,
+                            required: true,
+                        },
+                        {
+                            name: "category_id",
+                            label: { text: (0, i18next_1.t)("category_id", { ns: "translation" }) },
+                            type: EnumFieldType_1.EnumFieldType.TEXT,
+                            required: true,
+                        },
+                    ]} button={{ text: (0, i18next_1.t)("save", { ns: "actions" }) }} onSubmit={(data) => {
+                        postUpdate({ id: data.id, data });
+                        if (typeof onUpdated === "function") {
+                            onUpdated(data);
+                        }
+                    }}/>
+              </overlay_1.Overlay>),
+            },
+        ]}/>);
+});
+//# sourceMappingURL=update-panel.js.map

package/frontend/post/components/update-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-panel.js","sourceRoot":"","sources":["update-panel.tsx"],"names":[],"mappings":"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"}

package/frontend/post/components/update-panel.tsx

@@ -0,0 +1,84 @@
+import FormPanel, { FormPanelRef } from "@/components/custom/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/custom/tab-panel";
+import { EnumFieldType } from "@/enums/EnumFieldType";
+import { usePostGet, usePostUpdate } from "@/features/post";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { Post } from "@/types/models";
+import { t } from "i18next";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+
+export type PostUpdatePanelProps = {
+  data: Post;
+  onUpdated?: (data: Post) => void;
+};
+
+export const PostUpdatePanel = forwardRef(
+  ({ data, onUpdated }: PostUpdatePanelProps, ref) => {
+    const { data: item, isLoading } = usePostGet(data.id as number);
+    const { mutate: postUpdate } = usePostUpdate();
+    const formRef = useRef<FormPanelRef>(null);
+
+    useEffectAfterFirstUpdate(() => {
+      if (item && formRef.current) {
+        formRef.current.setValuesFromItem(item);
+      }
+    }, [item]);
+
+    useImperativeHandle(ref, () => ({}));
+
+    return (
+      <TabPanel
+        activeTabIndex={0}
+        tabs={[
+          {
+            title: t("details", { ns: "actions" }),
+            children: (
+              <Overlay loading={isLoading}>
+                <FormPanel
+                  ref={formRef}
+                  fields={[
+                    {
+                      name: "title",
+                      label: { text: t("title", { ns: "translation" }) },
+                      type: EnumFieldType.TEXT,
+                      required: true,
+                    },
+
+                    {
+                      name: "content",
+                      label: { text: t("content", { ns: "translation" }) },
+                      type: EnumFieldType.TEXT,
+                      required: true,
+                    },
+
+                    {
+                      name: "author_id",
+                      label: { text: t("author_id", { ns: "translation" }) },
+                      type: EnumFieldType.TEXT,
+                      required: true,
+                    },
+
+                    {
+                      name: "category_id",
+                      label: { text: t("category_id", { ns: "translation" }) },
+                      type: EnumFieldType.TEXT,
+                      required: true,
+                    },
+                  ]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    postUpdate({ id: data.id, data });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);

package/frontend/post/react-query/handlers.d.ts

@@ -0,0 +1,5 @@
+export declare function usePostCreate(): any;
+export declare function usePostDelete(): any;
+export declare function usePostUpdate(): any;
+export declare function usePostGet(id: number): any;
+//# sourceMappingURL=handlers.d.ts.map

package/frontend/post/react-query/handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.d.ts","sourceRoot":"","sources":["handlers.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,QAG5B;AAED,wBAAgB,aAAa,QAG5B;AAED,wBAAgB,aAAa,QAG5B;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,OAMpC"}

package/frontend/post/react-query/handlers.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePostCreate = usePostCreate;
+exports.usePostDelete = usePostDelete;
+exports.usePostUpdate = usePostUpdate;
+exports.usePostGet = usePostGet;
+const use_default_mutation_1 = require("@/hooks/use-default-mutation");
+const react_query_1 = require("@tanstack/react-query");
+const requests_1 = require("./requests");
+const scope = "post";
+function usePostCreate() {
+    const { postCreate } = (0, requests_1.requests)();
+    return (0, use_default_mutation_1.useDefaultMutation)(scope, "create", postCreate);
+}
+function usePostDelete() {
+    const { postDelete } = (0, requests_1.requests)();
+    return (0, use_default_mutation_1.useDefaultMutation)(scope, "delete", postDelete);
+}
+function usePostUpdate() {
+    const { postUpdate } = (0, requests_1.requests)();
+    return (0, use_default_mutation_1.useDefaultMutation)(scope, "update", postUpdate);
+}
+function usePostGet(id) {
+    const { postGet } = (0, requests_1.requests)();
+    return (0, react_query_1.useQuery)({
+        queryKey: [scope, "get"],
+        queryFn: () => postGet(id),
+    });
+}
+//# sourceMappingURL=handlers.js.map

package/frontend/post/react-query/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["handlers.ts"],"names":[],"mappings":";;AAMA,sCAGC;AAED,sCAGC;AAED,sCAGC;AAED,gCAMC;AA3BD,uEAAkE;AAClE,uDAAiD;AACjD,yCAAsC;AAEtC,MAAM,KAAK,GAAG,MAAM,CAAC;AAErB,SAAgB,aAAa;IAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAClC,OAAO,IAAA,yCAAkB,EAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AACzD,CAAC;AAED,SAAgB,aAAa;IAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAClC,OAAO,IAAA,yCAAkB,EAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AACzD,CAAC;AAED,SAAgB,aAAa;IAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAClC,OAAO,IAAA,yCAAkB,EAAC,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AACzD,CAAC;AAED,SAAgB,UAAU,CAAC,EAAU;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC/B,OAAO,IAAA,sBAAQ,EAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;QACxB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;KAC3B,CAAC,CAAC;AACL,CAAC"}

package/frontend/post/react-query/handlers.ts

@@ -0,0 +1,28 @@
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "post";
+
+export function usePostCreate() {
+  const { postCreate } = requests();
+  return useDefaultMutation(scope, "create", postCreate);
+}
+
+export function usePostDelete() {
+  const { postDelete } = requests();
+  return useDefaultMutation(scope, "delete", postDelete);
+}
+
+export function usePostUpdate() {
+  const { postUpdate } = requests();
+  return useDefaultMutation(scope, "update", postUpdate);
+}
+
+export function usePostGet(id: number) {
+  const { postGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => postGet(id),
+  });
+}