@hedhog/admin 0.12.2 → 0.12.3

package/frontend/user/components/update-panel.tsx.ejs

@@ -0,0 +1,64 @@
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/panels/tab-panel";
+import { useUserGet, useUserUpdate } from "@/features/admin/user";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { User } from "@/types/models";
+import { useState, forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+
+export type UserUpdatePanelProps = {
+  data: User;
+  onUpdated?: (data: User) => void;
+};
+
+const UserUpdatePanel = forwardRef(
+  ({ data, onUpdated }: UserUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { data: item, isLoading } = useUserGet(data.id as number);
+    const { mutate: userUpdate } = useUserUpdate();
+    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={[]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    userUpdate({
+                      id: data.id,
+                      data,
+                    });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);
+
+UserUpdatePanel.displayName = "UserUpdatePanel";
+
+export default UserUpdatePanel;

package/frontend/user/locales/en/admin.user.json

@@ -0,0 +1,11 @@
+{
+  "create": "Create user",
+  "createText": "Fill the user informations.",
+  "createTooltip": "Create new user",
+  "delete": "Delete user",
+  "deleteText": "Are you sure to delete these user?",
+  "deleteTooltip": "Delete the selected user",
+  "edit": "Edit user",
+  "editText": "View and edit user information.",
+  "editTooltip": "Edit the selected user"
+}

package/frontend/user/locales/pt/admin.user.json

@@ -0,0 +1,11 @@
+{
+  "create": "Criar usuário",
+  "createText": "Preencha as informações do usuário.",
+  "createTooltip": "Criar novo usuário",
+  "delete": "Excluir usuário",
+  "deleteText": "Você tem certeza que deseja excluir esses usuários?",
+  "deleteTooltip": "Excluir o usuário selecionado",
+  "edit": "Editar usuário",
+  "editText": "Visualizar e editar informações do usuário.",
+  "editTooltip": "Editar o usuário selecionado"
+}

package/frontend/user/react-query/handlers.ts.ejs

@@ -0,0 +1,28 @@
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "user";
+
+export function useUserCreate() {
+  const { userCreate } = requests();
+  return useDefaultMutation(scope, "create", userCreate);
+}
+
+export function useUserDelete() {
+  const { userDelete } = requests();
+  return useDefaultMutation(scope, "delete", userDelete);
+}
+
+export function useUserUpdate() {
+  const { userUpdate } = requests();
+  return useDefaultMutation(scope, "update", userUpdate);
+}
+
+export function useUserGet(id: number) {
+  const { userGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => userGet(id),
+  });
+}

package/frontend/user/react-query/requests.ts.ejs

@@ -0,0 +1,55 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { User } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+
+export function requests() {
+  const { request } = useApp();
+
+  const userList = async (params: PaginationParams) => {
+    return request<PaginationResult<User>>({
+      url: "/user",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const userGet = async (id: number) => {
+    return request<User>({
+      url: `/user/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const userCreate = async (params: { data: User }) => {
+    const { data } = params;
+    return request<User>({
+      url: "/user",
+      method: HttpMethod.POST,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  const userDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/user",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const userUpdate = async (params: { id: number; data: User }) => {
+    const { id, data } = params;
+    return request<User>({
+      url: `/user/${id}`,
+      method: HttpMethod.PATCH,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  return {
+    userCreate,
+    userUpdate,
+    userDelete,
+    userList,
+    userGet,
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hedhog/admin",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "private": false,
   "main": "dist/index.js",
   "scripts": {
@@ -21,11 +21,11 @@
   "license": "MIT",
   "description": "",
   "devDependencies": {
-    "@hedhog/locale": "^0.7.8",
-    "@hedhog/mail": "^0.7.6",
-    "@hedhog/pagination": "^0.7.4",
-    "@hedhog/prisma": "^0.7.6",
-    "@hedhog/setting": "^0.7.9",
+    "@hedhog/locale": "^0.17.1",
+    "@hedhog/mail": "^0.17.1",
+    "@hedhog/pagination": "^0.17.1",
+    "@hedhog/prisma": "^0.17.1",
+    "@hedhog/setting": "^0.12.2",
     "@hedhog/utils": "^0.0.28",
     "@nestjs/mapped-types": "^2.0.5",
     "ts-node": "^10.9.1",

package/src/admin.module.ts

@@ -1,37 +1,37 @@
-import { PaginationModule } from '@hedhog/pagination';
-import { PrismaModule } from '@hedhog/prisma';
-import { forwardRef, Module } from '@nestjs/common';
-import { AuthModule } from './auth/auth.module';
-import { LocaleModule } from '@hedhog/locale';
-import { MenuModule } from './menu/menu.module';
-import { RoleModule } from './role/role.module';
-import { RouteModule } from './route/route.module';
-import { ScreenModule } from './screen/screen.module';
-import { UserModule } from './user/user.module';
-import { MailModule } from '@hedhog/mail';
-
-@Module({
-  imports: [
-    forwardRef(() => AuthModule),
-    forwardRef(() => MailModule),
-    forwardRef(() => MenuModule),
-    forwardRef(() => PaginationModule),
-    forwardRef(() => RoleModule),
-    forwardRef(() => RouteModule),
-    forwardRef(() => PrismaModule),
-    forwardRef(() => ScreenModule),
-    forwardRef(() => LocaleModule),
-    forwardRef(() => UserModule),
-  ],
-  exports: [
-    UserModule,
-    AuthModule,
-    MailModule,
-    RouteModule,
-    RoleModule,
-    MenuModule,
-    ScreenModule,
-    LocaleModule,
-  ],
-})
-export class AdminModule {}
+import { PaginationModule } from '@hedhog/pagination';
+import { PrismaModule } from '@hedhog/prisma';
+import { forwardRef, Module } from '@nestjs/common';
+import { AuthModule } from './auth/auth.module';
+import { LocaleModule } from '@hedhog/locale';
+import { MenuModule } from './menu/menu.module';
+import { RoleModule } from './role/role.module';
+import { RouteModule } from './route/route.module';
+import { ScreenModule } from './screen/screen.module';
+import { UserModule } from './user/user.module';
+import { MailModule } from '@hedhog/mail';
+
+@Module({
+  imports: [
+    forwardRef(() => AuthModule),
+    forwardRef(() => MailModule),
+    forwardRef(() => MenuModule),
+    forwardRef(() => PaginationModule),
+    forwardRef(() => RoleModule),
+    forwardRef(() => RouteModule),
+    forwardRef(() => PrismaModule),
+    forwardRef(() => ScreenModule),
+    forwardRef(() => LocaleModule),
+    forwardRef(() => UserModule),
+  ],
+  exports: [
+    UserModule,
+    AuthModule,
+    MailModule,
+    RouteModule,
+    RoleModule,
+    MenuModule,
+    ScreenModule,
+    LocaleModule,
+  ],
+})
+export class AdminModule {}

package/src/auth/auth.controller.ts

@@ -1,72 +1,72 @@
-import {
-  Body,
-  Controller,
-  forwardRef,
-  Get,
-  Inject,
-  Post,
-} from '@nestjs/common';
-import { Role, Public, User } from '@hedhog/core';
-import { AuthService } from './auth.service';
-import { ForgetDTO } from './dto/forget.dto';
-import { ResetDTO } from './dto/reset.dto';
-import { LoginDTO } from './dto/login.dto';
-import { OtpDTO } from './dto/otp.dto';
-import { User as UserType } from './types/user.type';
-
-@Controller('auth')
-export class AuthController {
-  constructor(
-    @Inject(forwardRef(() => AuthService))
-    private readonly service: AuthService,
-  ) { }
-
-  @Role()
-  @Get('verify')
-  async verify(@User() { id }: UserType) {
-    return this.service.verify(id);
-  }
-
-  @Public()
-  @Post('login')
-  async login(@Body() { email, password }: LoginDTO) {
-    return this.service.login({ email, password });
-  }
-
-  @Public()
-  @Post('otp')
-  async otp(@Body() { token, code }: OtpDTO) {
-    return this.service.otp({ token, code });
-  }
-
-  @Public()
-  @Post('forget')
-  async forget(@Body() {
-    email,
-    subject,
-    body,
-  }: ForgetDTO & {
-    subject: string;
-    body: string;
-  }) {
-    return this.service.forget({
-      email,
-      subject,
-      body,
-    });
-  }
-
-  @Public()
-  @Post('reset')
-  async reset(@Body() {
-    newPassword,
-    confirmNewPassword,
-    code,
-  }: ResetDTO) {
-    return this.service.resetPassword({
-      newPassword,
-      confirmNewPassword,
-      code,
-    });
-  }
-}
+import {
+  Body,
+  Controller,
+  forwardRef,
+  Get,
+  Inject,
+  Post,
+} from '@nestjs/common';
+import { Role, Public, User } from '@hedhog/core';
+import { AuthService } from './auth.service';
+import { ForgetDTO } from './dto/forget.dto';
+import { ResetDTO } from './dto/reset.dto';
+import { LoginDTO } from './dto/login.dto';
+import { OtpDTO } from './dto/otp.dto';
+import { User as UserType } from './types/user.type';
+
+@Controller('auth')
+export class AuthController {
+  constructor(
+    @Inject(forwardRef(() => AuthService))
+    private readonly service: AuthService,
+  ) { }
+
+  @Role()
+  @Get('verify')
+  async verify(@User() { id }: UserType) {
+    return this.service.verify(id);
+  }
+
+  @Public()
+  @Post('login')
+  async login(@Body() { email, password }: LoginDTO) {
+    return this.service.login({ email, password });
+  }
+
+  @Public()
+  @Post('otp')
+  async otp(@Body() { token, code }: OtpDTO) {
+    return this.service.otp({ token, code });
+  }
+
+  @Public()
+  @Post('forget')
+  async forget(@Body() {
+    email,
+    subject,
+    body,
+  }: ForgetDTO & {
+    subject: string;
+    body: string;
+  }) {
+    return this.service.forget({
+      email,
+      subject,
+      body,
+    });
+  }
+
+  @Public()
+  @Post('reset')
+  async reset(@Body() {
+    newPassword,
+    confirmNewPassword,
+    code,
+  }: ResetDTO) {
+    return this.service.resetPassword({
+      newPassword,
+      confirmNewPassword,
+      code,
+    });
+  }
+}

package/src/auth/auth.module.ts

@@ -1,39 +1,39 @@
-import { MailModule } from '@hedhog/mail';
-import { PrismaModule } from '@hedhog/prisma';
-import { forwardRef, Module } from '@nestjs/common';
-import { APP_GUARD } from '@nestjs/core';
-import { JwtModule } from '@nestjs/jwt';
-import { AuthController } from './auth.controller';
-import { AuthService } from './auth.service';
-import { AuthGuard } from './guards/auth.guard';
-
-@Module({
-  imports: [
-    forwardRef(() =>
-      JwtModule.registerAsync({
-        global: true,
-        useFactory: () => {
-          return {
-            secret: String(process.env.JWT_SECRET),
-            global: true,
-            signOptions: {
-              expiresIn: process.env.JWT_EXPIRES_IN || '30d',
-            },
-          };
-        },
-      }),
-    ),
-    forwardRef(() => PrismaModule),
-    forwardRef(() => MailModule),
-  ],
-  controllers: [AuthController],
-  providers: [
-    AuthService,
-    {
-      provide: APP_GUARD,
-      useClass: AuthGuard,
-    },
-  ],
-  exports: [AuthService],
-})
-export class AuthModule {}
+import { MailModule } from '@hedhog/mail';
+import { PrismaModule } from '@hedhog/prisma';
+import { forwardRef, Module } from '@nestjs/common';
+import { APP_GUARD } from '@nestjs/core';
+import { JwtModule } from '@nestjs/jwt';
+import { AuthController } from './auth.controller';
+import { AuthService } from './auth.service';
+import { AuthGuard } from './guards/auth.guard';
+
+@Module({
+  imports: [
+    forwardRef(() =>
+      JwtModule.registerAsync({
+        global: true,
+        useFactory: () => {
+          return {
+            secret: String(process.env.JWT_SECRET),
+            global: true,
+            signOptions: {
+              expiresIn: process.env.JWT_EXPIRES_IN || '30d',
+            },
+          };
+        },
+      }),
+    ),
+    forwardRef(() => PrismaModule),
+    forwardRef(() => MailModule),
+  ],
+  controllers: [AuthController],
+  providers: [
+    AuthService,
+    {
+      provide: APP_GUARD,
+      useClass: AuthGuard,
+    },
+  ],
+  exports: [AuthService],
+})
+export class AuthModule {}