@hedhog/admin 0.12.1 → 0.12.3

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

@@ -0,0 +1,67 @@
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from "@/components/panels/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/panels/tab-panel";
+import { useMenuGet, useMenuUpdate } from "@/features/admin/menu";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { Menu } 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 MenuUpdatePanelProps = {
+  data: Menu;
+  onUpdated?: (data: Menu) => void;
+};
+
+const MenuUpdatePanel = forwardRef(
+  ({ data, onUpdated }: MenuUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { data: item, isLoading } = useMenuGet(data.id as number);
+    const { mutate: menuUpdate } = useMenuUpdate();
+    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" }], item)]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    menuUpdate({
+                      id: data.id,
+                      data,
+                    });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);
+
+MenuUpdatePanel.displayName = "MenuUpdatePanel";
+
+export default MenuUpdatePanel;

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

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

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

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

package/frontend/menu/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 = "menu";
+
+export function useMenuCreate() {
+  const { menuCreate } = requests();
+  return useDefaultMutation(scope, "create", menuCreate);
+}
+
+export function useMenuDelete() {
+  const { menuDelete } = requests();
+  return useDefaultMutation(scope, "delete", menuDelete);
+}
+
+export function useMenuUpdate() {
+  const { menuUpdate } = requests();
+  return useDefaultMutation(scope, "update", menuUpdate);
+}
+
+export function useMenuGet(id: number) {
+  const { menuGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => menuGet(id),
+  });
+}

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

@@ -0,0 +1,56 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { Menu } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+import { formatDataWithLocale } from "@hedhog/utils";
+
+export function requests() {
+  const { request } = useApp();
+
+  const menuList = async (params: PaginationParams) => {
+    return request<PaginationResult<Menu>>({
+      url: "/menu",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const menuGet = async (id: number) => {
+    return request<Menu>({
+      url: `/menu/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const menuCreate = async (params: { data: Menu }) => {
+    const { data } = params;
+    return request<Menu>({
+      url: "/menu",
+      method: HttpMethod.POST,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  const menuDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/menu",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const menuUpdate = async (params: { id: number; data: Menu }) => {
+    const { id, data } = params;
+    return request<Menu>({
+      url: `/menu/${id}`,
+      method: HttpMethod.PATCH,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  return {
+    menuCreate,
+    menuUpdate,
+    menuDelete,
+    menuList,
+    menuGet,
+  };
+}

package/frontend/menu-locale/locales/en/admin.menu-locale.json

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

package/frontend/menu-locale/locales/pt/admin.menu-locale.json

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

package/frontend/menu-screen/locales/en/admin.menu-screen.json

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

package/frontend/menu-screen/locales/pt/admin.menu-screen.json

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

package/frontend/multifactor/components/create-panel.tsx.ejs

@@ -0,0 +1,55 @@
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from "@/components/panels/form-panel";
+
+import { useMultifactorCreate } from "@/features/admin/multifactor";
+import { Multifactor } from "@/types/models";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+
+export type MultifactorCreatePanelRef = {
+  submit: () => void;
+};
+
+export type MultifactorCreatePanelProps = {
+  onCreated?: (data: Multifactor) => void;
+};
+
+const MultifactorCreatePanel = forwardRef(
+  ({ onCreated }: MultifactorCreatePanelProps, ref) => {
+    const formRef = useRef<FormPanelRef>(null);
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { mutateAsync: createMultifactor } = useMultifactorCreate();
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          formRef.current?.submit();
+        },
+      }),
+      [formRef],
+    );
+
+    return (
+      <FormPanel
+        ref={formRef}
+        fields={[...getFieldsLocale([{ name: "name" }])]}
+        button={{ text: t("create", { ns: "actions" }) }}
+        onSubmit={async (data) => {
+          const createdData = await createMultifactor({
+            data,
+          });
+          if (typeof onCreated === "function") {
+            onCreated(createdData as any);
+          }
+        }}
+      />
+    );
+  },
+);
+
+MultifactorCreatePanel.displayName = "MultifactorCreatePanel";
+
+export default MultifactorCreatePanel;

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

@@ -0,0 +1,70 @@
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from "@/components/panels/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/panels/tab-panel";
+import {
+  useMultifactorGet,
+  useMultifactorUpdate,
+} from "@/features/admin/multifactor";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { Multifactor } 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 MultifactorUpdatePanelProps = {
+  data: Multifactor;
+  onUpdated?: (data: Multifactor) => void;
+};
+
+const MultifactorUpdatePanel = forwardRef(
+  ({ data, onUpdated }: MultifactorUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { data: item, isLoading } = useMultifactorGet(data.id as number);
+    const { mutate: multifactorUpdate } = useMultifactorUpdate();
+    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" }], item)]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    multifactorUpdate({
+                      id: data.id,
+                      data,
+                    });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);
+
+MultifactorUpdatePanel.displayName = "MultifactorUpdatePanel";
+
+export default MultifactorUpdatePanel;

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

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

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

@@ -0,0 +1,11 @@
+{
+  "create": "Criar multifactor",
+  "createText": "Preencha as informações do multifactor.",
+  "createTooltip": "Criar novo multifactor",
+  "delete": "Deletar multifactor",
+  "deleteText": "Você tem certeza de que deseja deletar este multifactor?",
+  "deleteTooltip": "Deletar o multifactor selecionado",
+  "edit": "Editar multifactor",
+  "editText": "Ver e editar informações do multifactor.",
+  "editTooltip": "Editar o multifactor selecionado"
+}

package/frontend/multifactor/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 = "multifactor";
+
+export function useMultifactorCreate() {
+  const { multifactorCreate } = requests();
+  return useDefaultMutation(scope, "create", multifactorCreate);
+}
+
+export function useMultifactorDelete() {
+  const { multifactorDelete } = requests();
+  return useDefaultMutation(scope, "delete", multifactorDelete);
+}
+
+export function useMultifactorUpdate() {
+  const { multifactorUpdate } = requests();
+  return useDefaultMutation(scope, "update", multifactorUpdate);
+}
+
+export function useMultifactorGet(id: number) {
+  const { multifactorGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => multifactorGet(id),
+  });
+}

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

@@ -0,0 +1,59 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { Multifactor } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+import { formatDataWithLocale } from "@hedhog/utils";
+
+export function requests() {
+  const { request } = useApp();
+
+  const multifactorList = async (params: PaginationParams) => {
+    return request<PaginationResult<Multifactor>>({
+      url: "/multifactor",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const multifactorGet = async (id: number) => {
+    return request<Multifactor>({
+      url: `/multifactor/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const multifactorCreate = async (params: { data: Multifactor }) => {
+    const { data } = params;
+    return request<Multifactor>({
+      url: "/multifactor",
+      method: HttpMethod.POST,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  const multifactorDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/multifactor",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const multifactorUpdate = async (params: {
+    id: number;
+    data: Multifactor;
+  }) => {
+    const { id, data } = params;
+    return request<Multifactor>({
+      url: `/multifactor/${id}`,
+      method: HttpMethod.PATCH,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  return {
+    multifactorCreate,
+    multifactorUpdate,
+    multifactorDelete,
+    multifactorList,
+    multifactorGet,
+  };
+}

package/frontend/multifactor-locale/locales/en/admin.multifactor-locale.json

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

package/frontend/multifactor-locale/locales/pt/admin.multifactor-locale.json

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

package/frontend/screen/components/create-panel.tsx.ejs

@@ -0,0 +1,55 @@
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from "@/components/panels/form-panel";
+
+import { useScreenCreate } from "@/features/admin/screen";
+import { Screen } from "@/types/models";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+
+export type ScreenCreatePanelRef = {
+  submit: () => void;
+};
+
+export type ScreenCreatePanelProps = {
+  onCreated?: (data: Screen) => void;
+};
+
+const ScreenCreatePanel = forwardRef(
+  ({ onCreated }: ScreenCreatePanelProps, ref) => {
+    const formRef = useRef<FormPanelRef>(null);
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { mutateAsync: createScreen } = useScreenCreate();
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          formRef.current?.submit();
+        },
+      }),
+      [formRef],
+    );
+
+    return (
+      <FormPanel
+        ref={formRef}
+        fields={[...getFieldsLocale([{ name: "name" }])]}
+        button={{ text: t("create", { ns: "actions" }) }}
+        onSubmit={async (data) => {
+          const createdData = await createScreen({
+            data,
+          });
+          if (typeof onCreated === "function") {
+            onCreated(createdData as any);
+          }
+        }}
+      />
+    );
+  },
+);
+
+ScreenCreatePanel.displayName = "ScreenCreatePanel";
+
+export default ScreenCreatePanel;

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

@@ -0,0 +1,67 @@
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from "@/components/panels/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/panels/tab-panel";
+import { useScreenGet, useScreenUpdate } from "@/features/admin/screen";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { Screen } 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 ScreenUpdatePanelProps = {
+  data: Screen;
+  onUpdated?: (data: Screen) => void;
+};
+
+const ScreenUpdatePanel = forwardRef(
+  ({ data, onUpdated }: ScreenUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { data: item, isLoading } = useScreenGet(data.id as number);
+    const { mutate: screenUpdate } = useScreenUpdate();
+    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" }], item)]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    screenUpdate({
+                      id: data.id,
+                      data,
+                    });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);
+
+ScreenUpdatePanel.displayName = "ScreenUpdatePanel";
+
+export default ScreenUpdatePanel;

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

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

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

@@ -0,0 +1,11 @@
+{
+  "create": "Criar tela",
+  "createText": "Preencha as informações da tela.",
+  "createTooltip": "Criar nova tela",
+  "delete": "Excluir tela",
+  "deleteText": "Você tem certeza de que deseja excluir estas telas?",
+  "deleteTooltip": "Excluir a tela selecionada",
+  "edit": "Editar tela",
+  "editText": "Ver e editar informações da tela.",
+  "editTooltip": "Editar a tela selecionada"
+}

package/frontend/screen/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 = "screen";
+
+export function useScreenCreate() {
+  const { screenCreate } = requests();
+  return useDefaultMutation(scope, "create", screenCreate);
+}
+
+export function useScreenDelete() {
+  const { screenDelete } = requests();
+  return useDefaultMutation(scope, "delete", screenDelete);
+}
+
+export function useScreenUpdate() {
+  const { screenUpdate } = requests();
+  return useDefaultMutation(scope, "update", screenUpdate);
+}
+
+export function useScreenGet(id: number) {
+  const { screenGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => screenGet(id),
+  });
+}