@hedhog/setting 0.0.14 → 0.1.1

package/frontend/setting-user/components/create-panel.tsx

@@ -1,71 +0,0 @@
-import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
-import { EnumFieldType } from "@/enums/EnumFieldType";
-import { useSettingUserCreate } from "@/features/blog/setting-user";
-import { SettingUser } from "@/types/models";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { useTranslation } from "react-i18next";
-
-export type SettingUserCreatePanelRef = {
-  submit: () => void;
-};
-
-export type SettingUserCreatePanelProps = {
-  onCreated?: (data: SettingUser) => void;
-};
-
-const SettingUserCreatePanel = forwardRef(
-  ({ onCreated }: SettingUserCreatePanelProps, ref) => {
-    const formRef = useRef<FormPanelRef>(null);
-    const { t } = useTranslation(["actions"]);
-    const { mutateAsync: createSettingUser } = useSettingUserCreate();
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        submit: () => {
-          formRef.current?.submit();
-        },
-      }),
-      [formRef],
-    );
-
-    return (
-      <FormPanel
-        ref={formRef}
-        fields={[
-          {
-            name: "user_id",
-            label: { text: t("user_id", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-
-          {
-            name: "setting_id",
-            label: { text: t("setting_id", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-
-          {
-            name: "value",
-            label: { text: t("value", { ns: "translation" }) },
-            type: EnumFieldType.TEXT,
-            required: true,
-          },
-        ]}
-        button={{ text: t("create", { ns: "actions" }) }}
-        onSubmit={async (data) => {
-          const createdData = await createSettingUser(data);
-          if (typeof onCreated === "function") {
-            onCreated(createdData);
-          }
-        }}
-      />
-    );
-  },
-);
-
-SettingUserCreatePanel.displayName = "SettingUserCreatePanel";
-
-export default SettingUserCreatePanel;

package/frontend/setting-user/components/setting-user.screen.tsx

@@ -1,107 +0,0 @@
-import { PageTitle } from "@/components/custom/page-title";
-import DataPanel from "@/components/panels/data-panel";
-import { useSettingUserDelete } from "@/features/blog/setting-user";
-import { useApp } from "@/hooks/use-app";
-import { isPlural } from "@/lib/utils";
-import { SettingUser } from "@/types/models";
-import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
-import { useState } from "react";
-import { useTranslation } from "react-i18next";
-import SettingUserCreatePanel from "./components/setting-user-create-panel";
-import SettingUserUpdatePanel from "./components/setting-user-update-panel";
-
-export default function Page() {
-  const [selectedItems, setSelectedItems] = useState<SettingUser[]>([]);
-  const { mutate: deleteSettingUser } = useSettingUserDelete();
-  const { openSheet, confirm, closeSheet } = useApp();
-  const { t } = useTranslation(["setting-user", "modules", "actions"]);
-
-  const openCreate = () => {
-    const id = openSheet({
-      title: t("create", { ns: "actions" }),
-      description: t("createText", { ns: "setting-user" }),
-      children: () => (
-        <SettingUserCreatePanel onCreated={() => closeSheet(id)} />
-      ),
-    });
-
-    return id;
-  };
-
-  const openDelete = (items: SettingUser[]) => {
-    return confirm({
-      title: `${t("delete", { ns: "actions" })} ${items.length} ${isPlural(items.length) ? t("items", { ns: "actions" }) : t("item", { ns: "actions" })}`,
-      description: t("deleteText", { ns: "setting-user" }),
-    })
-      .then(() =>
-        deleteSettingUser(
-          items.map((item) => item.id).filter((id) => id !== undefined),
-        ),
-      )
-      .catch(() => setSelectedItems(items));
-  };
-
-  const openUpdate = (item: SettingUser) => {
-    const id = openSheet({
-      children: () => (
-        <SettingUserUpdatePanel data={item} onUpdated={() => closeSheet(id)} />
-      ),
-      title: t("edit", { ns: "setting-user" }),
-      description: t("editText", { ns: "setting-user" }),
-    });
-
-    return id;
-  };
-
-  return (
-    <>
-      <PageTitle title={t("settingUser", { ns: "modules" })} />
-      <DataPanel
-        url="/setting-user"
-        layout="table"
-        id="setting-user"
-        selectable
-        columns={[
-          { key: "id", header: "ID", width: 64 },
-          { key: "name", header: t("name", { ns: "setting-user" }) },
-        ]}
-        selected={selectedItems as SettingUser[]}
-        multiple
-        hasSearch
-        sortable
-        onItemDoubleClick={(item) => openUpdate(item)}
-        menuActions={[
-          {
-            icon: <IconEdit className="mr-1 w-8 cursor-pointer" />,
-            label: t("edit", { ns: "actions" }),
-            tooltip: t("editTooltip", { ns: "setting-user" }),
-            handler: (items: SettingUser[]) => {
-              if (items.length === 1) openUpdate(items[0]);
-            },
-            show: "once",
-          },
-          {
-            icon: <IconTrash className="mr-1 w-8 cursor-pointer" />,
-            label: t("delete", { ns: "actions" }),
-            tooltip: t("deleteTooltip", { ns: "setting-user" }),
-            variant: "destructive",
-            handler: (items: SettingUser[]) => {
-              openDelete(items);
-            },
-            show: "some",
-          },
-          {
-            icon: <IconPlus className="mr-1 w-8 cursor-pointer" />,
-            label: t("create", { ns: "actions" }),
-            tooltip: t("createTooltip", { ns: "setting-user" }),
-            variant: "default",
-            handler: () => {
-              openCreate();
-            },
-            show: "none",
-          },
-        ]}
-      />
-    </>
-  );
-}

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

@@ -1,85 +0,0 @@
-import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
-import { Overlay } from "@/components/custom/overlay";
-import { TabPanel } from "@/components/panels/tab-panel";
-import { EnumFieldType } from "@/enums/EnumFieldType";
-import {
-  useSettingUserGet,
-  useSettingUserUpdate,
-} from "@/features/blog/setting-user";
-import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
-import { SettingUser } from "@/types/models";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { useTranslation } from "react-i18next";
-
-export type SettingUserUpdatePanelProps = {
-  data: SettingUser;
-  onUpdated?: (data: SettingUser) => void;
-};
-
-const SettingUserUpdatePanel = forwardRef(
-  ({ data, onUpdated }: SettingUserUpdatePanelProps, ref) => {
-    const { t } = useTranslation(["actions"]);
-    const { data: item, isLoading } = useSettingUserGet(data.id as number);
-    const { mutate: settingUserUpdate } = useSettingUserUpdate();
-    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: "user_id",
-                      label: { text: t("user_id", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-
-                    {
-                      name: "setting_id",
-                      label: { text: t("setting_id", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-
-                    {
-                      name: "value",
-                      label: { text: t("value", { ns: "translation" }) },
-                      type: EnumFieldType.TEXT,
-                      required: true,
-                    },
-                  ]}
-                  button={{ text: t("save", { ns: "actions" }) }}
-                  onSubmit={(data) => {
-                    settingUserUpdate({ id: data.id, data });
-                    if (typeof onUpdated === "function") {
-                      onUpdated(data);
-                    }
-                  }}
-                />
-              </Overlay>
-            ),
-          },
-        ]}
-      />
-    );
-  },
-);
-
-SettingUserUpdatePanel.displayName = "SettingUserUpdatePanel";
-
-export default SettingUserUpdatePanel;

package/frontend/setting-user/locales/en/setting.setting-user.json

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

package/frontend/setting-user/locales/pt/setting.setting-user.json

@@ -1,11 +0,0 @@
-{
-  "create": "Criar configuração de usuário",
-  "createText": "Preencha as informações da configuração de usuário.",
-  "createTooltip": "Criar nova configuração de usuário",
-  "delete": "Excluir configuração de usuário",
-  "deleteText": "Tem certeza de que deseja excluir estas configurações de usuário?",
-  "deleteTooltip": "Excluir a configuração de usuário selecionada",
-  "edit": "Editar configuração de usuário",
-  "editText": "Visualizar e editar informações da configuração de usuário.",
-  "editTooltip": "Editar a configuração de usuário selecionada"
-}

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

@@ -1,28 +0,0 @@
-import { useDefaultMutation } from "@/hooks/use-default-mutation";
-import { useQuery } from "@tanstack/react-query";
-import { requests } from "./requests";
-
-const scope = "setting-user";
-
-export function useSettingUserCreate() {
-  const { settingUserCreate } = requests();
-  return useDefaultMutation(scope, "create", settingUserCreate);
-}
-
-export function useSettingUserDelete() {
-  const { settingUserDelete } = requests();
-  return useDefaultMutation(scope, "delete", settingUserDelete);
-}
-
-export function useSettingUserUpdate() {
-  const { settingUserUpdate } = requests();
-  return useDefaultMutation(scope, "update", settingUserUpdate);
-}
-
-export function useSettingUserGet(id: number) {
-  const { settingUserGet } = requests();
-  return useQuery({
-    queryKey: [scope, "get"],
-    queryFn: () => settingUserGet(id),
-  });
-}

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

@@ -1,57 +0,0 @@
-import { useApp } from "@/hooks/use-app";
-import { Delete, PaginationParams, PaginationResult } from "@/types";
-import { SettingUser } from "@/types/models";
-import { HttpMethod } from "@/types/http-method";
-
-export function requests() {
-  const { request } = useApp();
-
-  const settingUserList = async (params: PaginationParams) => {
-    return request<PaginationResult<SettingUser>>({
-      url: "/setting-user",
-      params,
-    }).then((res) => res.data);
-  };
-
-  const settingUserGet = async (id: number) => {
-    return request<SettingUser>({
-      url: `/setting-user/${id}`,
-    }).then((res) => res.data);
-  };
-
-  const settingUserCreate = async (data: SettingUser) => {
-    return request<SettingUser>({
-      url: "/setting-user",
-      method: HttpMethod.POST,
-      data: data,
-    }).then((res) => res.data);
-  };
-
-  const settingUserDelete = async (ids: number[]) => {
-    return request<Delete>({
-      url: "/setting-user",
-      data: { ids },
-      method: HttpMethod.DELETE,
-    }).then((res) => res.data);
-  };
-
-  const settingUserUpdate = async (params: {
-    id: number;
-    data: SettingUser;
-  }) => {
-    const { id, data } = params;
-    return request<SettingUser>({
-      url: `/setting-user/${id}`,
-      method: HttpMethod.PATCH,
-      data: data,
-    }).then((res) => res.data);
-  };
-
-  return {
-    settingUserCreate,
-    settingUserUpdate,
-    settingUserDelete,
-    settingUserList,
-    settingUserGet,
-  };
-}