@hedhog/admin 0.51.16 → 0.51.21

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

@@ -1,28 +1,28 @@
-import { useDefaultMutation } from "@/hooks/use-default-mutation";
-import { useQuery } from "@tanstack/react-query";
-import { requests } from "./requests";
-
-const scope = "dashboard";
-
-export function useDashboardCreate() {
-  const { dashboardCreate } = requests();
-  return useDefaultMutation(scope, "create", dashboardCreate);
-}
-
-export function useDashboardDelete() {
-  const { dashboardDelete } = requests();
-  return useDefaultMutation(scope, "delete", dashboardDelete);
-}
-
-export function useDashboardUpdate() {
-  const { dashboardUpdate } = requests();
-  return useDefaultMutation(scope, "update", dashboardUpdate);
-}
-
-export function useDashboardGet(id: number) {
-  const { dashboardGet } = requests();
-  return useQuery({
-    queryKey: [scope, "get"],
-    queryFn: () => dashboardGet(id),
-  });
-}
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "dashboard";
+
+export function useDashboardCreate() {
+  const { dashboardCreate } = requests();
+  return useDefaultMutation(scope, "create", dashboardCreate);
+}
+
+export function useDashboardDelete() {
+  const { dashboardDelete } = requests();
+  return useDefaultMutation(scope, "delete", dashboardDelete);
+}
+
+export function useDashboardUpdate() {
+  const { dashboardUpdate } = requests();
+  return useDefaultMutation(scope, "update", dashboardUpdate);
+}
+
+export function useDashboardGet(id: number) {
+  const { dashboardGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => dashboardGet(id),
+  });
+}

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

@@ -1,56 +1,56 @@
-import { useApp } from "@/hooks/use-app";
-import { Delete, PaginationParams, PaginationResult } from "@/types";
-import { Dashboard } from "@/types/models";
-import { HttpMethod } from "@/types/http-method";
-import { formatDataWithLocale } from '@hedhog/utils'
-
-export function requests() {
-  const { request } = useApp();
-
-  const dashboardList = async (params: PaginationParams) => {
-    return request<PaginationResult<Dashboard>>({
-      url: "/dashboard",
-      params,
-    }).then((res) => res.data);
-  };
-
-  const dashboardGet = async (id: number) => {
-    return request<Dashboard>({
-      url: `/dashboard/${id}`,
-    }).then((res) => res.data);
-  };
-
-  const dashboardCreate = async (params: { data: Dashboard }) => {
-    const { data } = params;
-    return request<Dashboard>({
-      url: "/dashboard",
-      method: HttpMethod.POST,
-      data: formatDataWithLocale(data),
-    }).then((res) => res.data);
-  };
-
-  const dashboardDelete = async (ids: number[]) => {
-    return request<Delete>({
-      url: "/dashboard",
-      data: { ids },
-      method: HttpMethod.DELETE,
-    }).then((res) => res.data);
-  };
-
-  const dashboardUpdate = async (params: { id: number; data: Dashboard }) => {
-    const { id, data } = params;
-    return request<Dashboard>({
-      url: `/dashboard/${id}`,
-      method: HttpMethod.PATCH,
-      data: formatDataWithLocale(data),
-    }).then((res) => res.data);
-  };
-
-  return {
-    dashboardCreate,
-    dashboardUpdate,
-    dashboardDelete,
-    dashboardList,
-    dashboardGet,
-  };
-}
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { Dashboard } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+import { formatDataWithLocale } from '@hedhog/utils'
+
+export function requests() {
+  const { request } = useApp();
+
+  const dashboardList = async (params: PaginationParams) => {
+    return request<PaginationResult<Dashboard>>({
+      url: "/dashboard",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const dashboardGet = async (id: number) => {
+    return request<Dashboard>({
+      url: `/dashboard/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const dashboardCreate = async (params: { data: Dashboard }) => {
+    const { data } = params;
+    return request<Dashboard>({
+      url: "/dashboard",
+      method: HttpMethod.POST,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  const dashboardDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/dashboard",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const dashboardUpdate = async (params: { id: number; data: Dashboard }) => {
+    const { id, data } = params;
+    return request<Dashboard>({
+      url: `/dashboard/${id}`,
+      method: HttpMethod.PATCH,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  return {
+    dashboardCreate,
+    dashboardUpdate,
+    dashboardDelete,
+    dashboardList,
+    dashboardGet,
+  };
+}

package/frontend/dashboard-component/components/create-panel.tsx.ejs

@@ -1,130 +1,130 @@
-import FormPanel, {
-  FormPanelRef,
-  getFieldsLocale,
-} from '@/components/panels/form-panel'
-import { EnumFieldType } from '@/enums/EnumFieldType'
-import { useDashboardComponentCreate } from '@/features/admin/dashboard-component'
-import { DashboardComponent } from '@/types/models'
-import { forwardRef, useImperativeHandle, useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-
-export type DashboardComponentCreatePanelRef = {
-  submit: () => void
-}
-
-export type DashboardComponentCreatePanelProps = {
-  onCreated?: (data: DashboardComponent) => void
-}
-
-const DashboardComponentCreatePanel = forwardRef(
-  ({ onCreated }: DashboardComponentCreatePanelProps, ref) => {
-    const formRef = useRef<FormPanelRef>(null)
-    const { t } = useTranslation(['actions', 'fields', 'translations'])
-    const { mutateAsync: createDashboardComponent } =
-      useDashboardComponentCreate()
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        submit: () => {
-          formRef.current?.submit()
-        },
-      }),
-      [formRef]
-    )
-
-    return (
-      <FormPanel
-        ref={formRef}
-        fields={[
-          ...getFieldsLocale([{ name: 'name' }]),
-          {
-            name: 'slug',
-            label: { text: t('dashboard-component.slug', { ns: 'fields' }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-          {
-            name: 'path',
-            label: { text: t('dashboard-component.path', { ns: 'fields' }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-          {
-            name: 'min_width',
-            label: {
-              text: t('dashboard-component.min_width', { ns: 'fields' }),
-            },
-            type: EnumFieldType.NUMBER,
-            required: true,
-          },
-          {
-            name: 'width',
-            label: { text: t('dashboard-component.width', { ns: 'fields' }) },
-            type: EnumFieldType.NUMBER,
-            required: true,
-          },
-          {
-            name: 'max_width',
-            label: {
-              text: t('dashboard-component.max_width', { ns: 'fields' }),
-            },
-            type: EnumFieldType.NUMBER,
-            required: true,
-          },
-          {
-            name: 'min_height',
-            label: {
-              text: t('dashboard-component.min_height', { ns: 'fields' }),
-            },
-            type: EnumFieldType.NUMBER,
-            required: true,
-          },
-          {
-            name: 'height',
-            label: { text: t('dashboard-component.height', { ns: 'fields' }) },
-            type: EnumFieldType.NUMBER,
-            required: true,
-          },
-          {
-            name: 'max_height',
-            label: {
-              text: t('dashboard-component.max_height', { ns: 'fields' }),
-            },
-            type: EnumFieldType.NUMBER,
-            required: true,
-          },
-          {
-            name: 'is_resizable',
-            label: {
-              text: t('dashboard-component.is_resizable', { ns: 'fields' }),
-            },
-            type: EnumFieldType.SWITCH,
-            required: true,
-          },
-        ]}
-        button={{ text: t('create', { ns: 'actions' }) }}
-        onSubmit={async (data) => {
-          const createdData = await createDashboardComponent({
-            data: {
-              ...data,
-              min_width: Number(data.min_width),
-              width: Number(data.width),
-              max_width: Number(data.max_width),
-              min_height: Number(data.min_height),
-              height: Number(data.height),
-              max_height: Number(data.max_height),
-            },
-          })
-          if (typeof onCreated === 'function') {
-            onCreated(createdData as any)
-          }
-        }}
-      />
-    )
-  }
-)
-
-DashboardComponentCreatePanel.displayName = 'DashboardComponentCreatePanel'
-
-export default DashboardComponentCreatePanel
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from '@/components/panels/form-panel'
+import { EnumFieldType } from '@/enums/EnumFieldType'
+import { useDashboardComponentCreate } from '@/features/admin/dashboard-component'
+import { DashboardComponent } from '@/types/models'
+import { forwardRef, useImperativeHandle, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export type DashboardComponentCreatePanelRef = {
+  submit: () => void
+}
+
+export type DashboardComponentCreatePanelProps = {
+  onCreated?: (data: DashboardComponent) => void
+}
+
+const DashboardComponentCreatePanel = forwardRef(
+  ({ onCreated }: DashboardComponentCreatePanelProps, ref) => {
+    const formRef = useRef<FormPanelRef>(null)
+    const { t } = useTranslation(['actions', 'fields', 'translations'])
+    const { mutateAsync: createDashboardComponent } =
+      useDashboardComponentCreate()
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          formRef.current?.submit()
+        },
+      }),
+      [formRef]
+    )
+
+    return (
+      <FormPanel
+        ref={formRef}
+        fields={[
+          ...getFieldsLocale([{ name: 'name' }]),
+          {
+            name: 'slug',
+            label: { text: t('dashboard-component.slug', { ns: 'fields' }) },
+            type: EnumFieldType.TEXT,
+            required: true,
+          },
+          {
+            name: 'path',
+            label: { text: t('dashboard-component.path', { ns: 'fields' }) },
+            type: EnumFieldType.TEXT,
+            required: true,
+          },
+          {
+            name: 'min_width',
+            label: {
+              text: t('dashboard-component.min_width', { ns: 'fields' }),
+            },
+            type: EnumFieldType.NUMBER,
+            required: true,
+          },
+          {
+            name: 'width',
+            label: { text: t('dashboard-component.width', { ns: 'fields' }) },
+            type: EnumFieldType.NUMBER,
+            required: true,
+          },
+          {
+            name: 'max_width',
+            label: {
+              text: t('dashboard-component.max_width', { ns: 'fields' }),
+            },
+            type: EnumFieldType.NUMBER,
+            required: true,
+          },
+          {
+            name: 'min_height',
+            label: {
+              text: t('dashboard-component.min_height', { ns: 'fields' }),
+            },
+            type: EnumFieldType.NUMBER,
+            required: true,
+          },
+          {
+            name: 'height',
+            label: { text: t('dashboard-component.height', { ns: 'fields' }) },
+            type: EnumFieldType.NUMBER,
+            required: true,
+          },
+          {
+            name: 'max_height',
+            label: {
+              text: t('dashboard-component.max_height', { ns: 'fields' }),
+            },
+            type: EnumFieldType.NUMBER,
+            required: true,
+          },
+          {
+            name: 'is_resizable',
+            label: {
+              text: t('dashboard-component.is_resizable', { ns: 'fields' }),
+            },
+            type: EnumFieldType.SWITCH,
+            required: true,
+          },
+        ]}
+        button={{ text: t('create', { ns: 'actions' }) }}
+        onSubmit={async (data) => {
+          const createdData = await createDashboardComponent({
+            data: {
+              ...data,
+              min_width: Number(data.min_width),
+              width: Number(data.width),
+              max_width: Number(data.max_width),
+              min_height: Number(data.min_height),
+              height: Number(data.height),
+              max_height: Number(data.max_height),
+            },
+          })
+          if (typeof onCreated === 'function') {
+            onCreated(createdData as any)
+          }
+        }}
+      />
+    )
+  }
+)
+
+DashboardComponentCreatePanel.displayName = 'DashboardComponentCreatePanel'
+
+export default DashboardComponentCreatePanel