@hedhog/admin 0.51.2 → 0.51.4

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

@@ -1,164 +1,164 @@
-import FormPanel, {
-  FormPanelRef,
-  getFieldsLocale,
-} from '@/components/panels/form-panel'
-import { Overlay } from '@/components/custom/overlay'
-import { TabPanel } from '@/components/panels/tab-panel'
-import {
-  useDashboardComponentGet,
-  useDashboardComponentUpdate,
-} from '@/features/admin/dashboard-component'
-import useEffectAfterFirstUpdate from '@/hooks/use-effect-after-first-update'
-import { DashboardComponent } from '@/types/models'
-import { forwardRef, useImperativeHandle, useRef } from 'react'
-import { useTranslation } from 'react-i18next'
-import { EnumFieldType } from '@/enums/EnumFieldType'
-
-export type DashboardComponentUpdatePanelProps = {
-  data: DashboardComponent
-  onUpdated?: (data: DashboardComponent) => void
-}
-
-const DashboardComponentUpdatePanel = forwardRef(
-  ({ data, onUpdated }: DashboardComponentUpdatePanelProps, ref) => {
-    const { t } = useTranslation(['actions', 'fields', 'translations'])
-    const { data: item, isLoading } = useDashboardComponentGet(
-      (data as any).component_id as number
-    )
-    const { mutate: dashboardComponentUpdate } = useDashboardComponentUpdate()
-    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),
-                    {
-                      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('save', { ns: 'actions' }) }}
-                  onSubmit={(data) => {
-                    dashboardComponentUpdate({
-                      id: data.id,
-                      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 onUpdated === 'function') {
-                      onUpdated(data)
-                    }
-                  }}
-                />
-              </Overlay>
-            ),
-          },
-        ]}
-      />
-    )
-  }
-)
-
-DashboardComponentUpdatePanel.displayName = 'DashboardComponentUpdatePanel'
-
-export default DashboardComponentUpdatePanel
+import FormPanel, {
+  FormPanelRef,
+  getFieldsLocale,
+} from '@/components/panels/form-panel'
+import { Overlay } from '@/components/custom/overlay'
+import { TabPanel } from '@/components/panels/tab-panel'
+import {
+  useDashboardComponentGet,
+  useDashboardComponentUpdate,
+} from '@/features/admin/dashboard-component'
+import useEffectAfterFirstUpdate from '@/hooks/use-effect-after-first-update'
+import { DashboardComponent } from '@/types/models'
+import { forwardRef, useImperativeHandle, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { EnumFieldType } from '@/enums/EnumFieldType'
+
+export type DashboardComponentUpdatePanelProps = {
+  data: DashboardComponent
+  onUpdated?: (data: DashboardComponent) => void
+}
+
+const DashboardComponentUpdatePanel = forwardRef(
+  ({ data, onUpdated }: DashboardComponentUpdatePanelProps, ref) => {
+    const { t } = useTranslation(['actions', 'fields', 'translations'])
+    const { data: item, isLoading } = useDashboardComponentGet(
+      (data as any).component_id as number
+    )
+    const { mutate: dashboardComponentUpdate } = useDashboardComponentUpdate()
+    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),
+                    {
+                      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('save', { ns: 'actions' }) }}
+                  onSubmit={(data) => {
+                    dashboardComponentUpdate({
+                      id: data.id,
+                      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 onUpdated === 'function') {
+                      onUpdated(data)
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    )
+  }
+)
+
+DashboardComponentUpdatePanel.displayName = 'DashboardComponentUpdatePanel'
+
+export default DashboardComponentUpdatePanel

package/frontend/dashboard-component/locales/en/dashboard.dashboard-component.json

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

package/frontend/dashboard-component/locales/pt/dashboard.dashboard-component.json

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

package/frontend/dashboard-component/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-component";
-
-export function useDashboardComponentCreate() {
-  const { dashboardComponentCreate } = requests();
-  return useDefaultMutation(scope, "create", dashboardComponentCreate);
-}
-
-export function useDashboardComponentDelete() {
-  const { dashboardComponentDelete } = requests();
-  return useDefaultMutation(scope, "delete", dashboardComponentDelete);
-}
-
-export function useDashboardComponentUpdate() {
-  const { dashboardComponentUpdate } = requests();
-  return useDefaultMutation(scope, "update", dashboardComponentUpdate);
-}
-
-export function useDashboardComponentGet(id: number) {
-  const { dashboardComponentGet } = requests();
-  return useQuery({
-    queryKey: [scope, "get"],
-    queryFn: () => dashboardComponentGet(id),
-  });
-}
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "dashboard-component";
+
+export function useDashboardComponentCreate() {
+  const { dashboardComponentCreate } = requests();
+  return useDefaultMutation(scope, "create", dashboardComponentCreate);
+}
+
+export function useDashboardComponentDelete() {
+  const { dashboardComponentDelete } = requests();
+  return useDefaultMutation(scope, "delete", dashboardComponentDelete);
+}
+
+export function useDashboardComponentUpdate() {
+  const { dashboardComponentUpdate } = requests();
+  return useDefaultMutation(scope, "update", dashboardComponentUpdate);
+}
+
+export function useDashboardComponentGet(id: number) {
+  const { dashboardComponentGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => dashboardComponentGet(id),
+  });
+}

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

@@ -1,61 +1,61 @@
-import { useApp } from "@/hooks/use-app";
-import { Delete, PaginationParams, PaginationResult } from "@/types";
-import { DashboardComponent } from "@/types/models";
-import { HttpMethod } from "@/types/http-method";
-import { formatDataWithLocale } from "@hedhog/utils";
-
-export function requests() {
-  const { request } = useApp();
-
-  const dashboardComponentList = async (params: PaginationParams) => {
-    return request<PaginationResult<DashboardComponent>>({
-      url: "/dashboard-component",
-      params,
-    }).then((res) => res.data);
-  };
-
-  const dashboardComponentGet = async (id: number) => {
-    return request<DashboardComponent>({
-      url: `/dashboard-component/${id}`,
-    }).then((res) => res.data);
-  };
-
-  const dashboardComponentCreate = async (params: {
-    data: DashboardComponent;
-  }) => {
-    const { data } = params;
-    return request<DashboardComponent>({
-      url: "/dashboard-component",
-      method: HttpMethod.POST,
-      data: formatDataWithLocale(data),
-    }).then((res) => res.data);
-  };
-
-  const dashboardComponentDelete = async (ids: number[]) => {
-    return request<Delete>({
-      url: "/dashboard-component",
-      data: { ids },
-      method: HttpMethod.DELETE,
-    }).then((res) => res.data);
-  };
-
-  const dashboardComponentUpdate = async (params: {
-    id: number;
-    data: DashboardComponent;
-  }) => {
-    const { id, data } = params;
-    return request<DashboardComponent>({
-      url: `/dashboard-component/${id}`,
-      method: HttpMethod.PATCH,
-      data: formatDataWithLocale(data),
-    }).then((res) => res.data);
-  };
-
-  return {
-    dashboardComponentCreate,
-    dashboardComponentUpdate,
-    dashboardComponentDelete,
-    dashboardComponentList,
-    dashboardComponentGet,
-  };
-}
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { DashboardComponent } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+import { formatDataWithLocale } from "@hedhog/utils";
+
+export function requests() {
+  const { request } = useApp();
+
+  const dashboardComponentList = async (params: PaginationParams) => {
+    return request<PaginationResult<DashboardComponent>>({
+      url: "/dashboard-component",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const dashboardComponentGet = async (id: number) => {
+    return request<DashboardComponent>({
+      url: `/dashboard-component/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const dashboardComponentCreate = async (params: {
+    data: DashboardComponent;
+  }) => {
+    const { data } = params;
+    return request<DashboardComponent>({
+      url: "/dashboard-component",
+      method: HttpMethod.POST,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  const dashboardComponentDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/dashboard-component",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const dashboardComponentUpdate = async (params: {
+    id: number;
+    data: DashboardComponent;
+  }) => {
+    const { id, data } = params;
+    return request<DashboardComponent>({
+      url: `/dashboard-component/${id}`,
+      method: HttpMethod.PATCH,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  return {
+    dashboardComponentCreate,
+    dashboardComponentUpdate,
+    dashboardComponentDelete,
+    dashboardComponentList,
+    dashboardComponentGet,
+  };
+}