@mercurjs/admin 2.0.0-canary.34 → 2.0.0-canary.36

package/dist/{refund-reason-list-ECQKWA2M.js → chunk-DP5U3GQU.js}

@@ -1,109 +1,27 @@
 import {
   useRefundReasonTableColumns
 } from "./chunk-5A4JNOK3.js";
-import "./chunk-O5VKW5FL.js";
-import "./chunk-2PZGY332.js";
-import "./chunk-AFQS6E4N.js";
-import "./chunk-QG6PLWNH.js";
-import "./chunk-BFCAJKRG.js";
-import "./chunk-4F5GP7J7.js";
-import "./chunk-54EPH67T.js";
-import "./chunk-JQV7CXEC.js";
-import "./chunk-HINXQTCW.js";
-import "./chunk-VW56KWO2.js";
-import "./chunk-2Y3WMGN6.js";
-import "./chunk-RW35OPIA.js";
-import "./chunk-25LYVP3C.js";
-import "./chunk-LQSLDDPT.js";
-import "./chunk-JHIMVLB2.js";
-import "./chunk-PXYDR7WQ.js";
-import "./chunk-3CKTAFTR.js";
-import "./chunk-G5OVX555.js";
-import "./chunk-FWPGOIFA.js";
-import "./chunk-DB6ANJBO.js";
-import "./chunk-PHOCVOZ5.js";
-import "./chunk-WIYFXWRI.js";
-import "./chunk-IQPN4PZJ.js";
-import {
-  useRefundReasonTableQuery
-} from "./chunk-SXC5ZMLI.js";
-import "./chunk-MG4GKUJW.js";
-import "./chunk-AYVH6Q5O.js";
-import "./chunk-VOHEQ7B5.js";
-import "./chunk-N5IUYCUZ.js";
-import "./chunk-7SVLKK6Q.js";
-import "./chunk-GR6JUIRU.js";
-import "./chunk-PVZBDWLK.js";
-import "./chunk-O5HZRJPB.js";
-import "./chunk-VKOE5J66.js";
-import "./chunk-DY3XQPHC.js";
-import "./chunk-VVWB3GIK.js";
-import "./chunk-JRTZWK77.js";
 import {
   SingleColumnPage
 } from "./chunk-U2UCL2VG.js";
 import {
   DataTable
 } from "./chunk-UQITHKTH.js";
-import "./chunk-BDGZ4EQO.js";
-import "./chunk-LAVHRER2.js";
-import "./chunk-Y7QKP6QU.js";
-import "./chunk-THHRRYRS.js";
-import "./chunk-UZWFZMOX.js";
-import "./chunk-XQNVC4Q7.js";
 import {
-  refundReasonsQueryKeys,
+  useRefundReasonTableQuery
+} from "./chunk-TKEAOWBZ.js";
+import {
   useDeleteRefundReasonLazy,
   useRefundReasons
 } from "./chunk-XM6GCWNF.js";
-import "./chunk-ODBDAABQ.js";
-import "./chunk-CDQJKJMX.js";
-import "./chunk-JLATVDLM.js";
-import "./chunk-GPRBBA7S.js";
-import "./chunk-E7ZBQO6E.js";
-import "./chunk-XGHM75N2.js";
-import "./chunk-U2GCSKW3.js";
-import "./chunk-RTAIDSDS.js";
-import "./chunk-LW3UWYZU.js";
-import "./chunk-A4X5VP3G.js";
-import "./chunk-NNZP4PYP.js";
-import "./chunk-GF4QHVX3.js";
-import "./chunk-JOQ3RTF5.js";
-import "./chunk-V534K7G4.js";
-import "./chunk-A5XOYSDC.js";
-import "./chunk-TQI3DOQ5.js";
-import "./chunk-5PB7KCTF.js";
-import "./chunk-YOIARITB.js";
-import "./chunk-W7G64ULL.js";
-import "./chunk-6C7TCU42.js";
-import "./chunk-4YF3GAKE.js";
-import "./chunk-M3I52H3M.js";
-import "./chunk-LORVU5II.js";
-import "./chunk-36ORDF7W.js";
-import "./chunk-QSM56ZOP.js";
-import "./chunk-MIHEJ6Y6.js";
-import "./chunk-3VZV6SJQ.js";
-import "./chunk-K357FGGP.js";
-import {
-  queryClient
-} from "./chunk-RHKRREUU.js";
-import "./chunk-ZA2KFUFR.js";
-import {
-  sdk
-} from "./chunk-ZYNBKBY3.js";
-import "./chunk-NBMM2TZK.js";
 
-// src/pages/refund-reasons/refund-reason-list/loader.ts
-var refundReasonListQuery = () => ({
-  queryKey: refundReasonsQueryKeys.list(),
-  queryFn: async () => sdk.admin.refundReasons.query({})
-});
-var refundReasonListLoader = async () => {
-  const query = refundReasonListQuery();
-  return queryClient.getQueryData(query.queryKey) ?? await queryClient.fetchQuery(query);
-};
+// src/pages/refund-reasons/refund-reason-list/refund-reason-list.tsx
+import { Children as Children3 } from "react";
 
 // src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-table.tsx
+import { Children as Children2 } from "react";
+
+// src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-data-table.tsx
 import { useCallback, useMemo } from "react";
 import { PencilSquare, Trash } from "@medusajs/icons";
 import {
@@ -117,7 +35,7 @@ import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 var PAGE_SIZE = 20;
-var RefundReasonListTable = () => {
+var RefundReasonListDataTable = () => {
   const { t } = useTranslation();
   const { searchParams } = useRefundReasonTableQuery({
     pageSize: PAGE_SIZE
@@ -132,7 +50,7 @@ var RefundReasonListTable = () => {
   if (isError) {
     throw error;
   }
-  return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 py-0", "data-testid": "refund-reason-list-table-container", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Container, { className: "divide-y px-0 py-0", children: /* @__PURE__ */ jsx(
     DataTable,
     {
       data: refund_reasons,
@@ -221,20 +139,51 @@ var useColumns = () => {
   );
 };
 
+// src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-header.tsx
+import { Children } from "react";
+import { Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var RefundReasonListTitle = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Heading, { children: t("refundReasons.domain") }),
+    /* @__PURE__ */ jsx2(Text, { className: "text-ui-fg-subtle", size: "small", children: t("refundReasons.subtitle") })
+  ] });
+};
+var RefundReasonListActions = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center gap-x-2", children });
+};
+var RefundReasonListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2(RefundReasonListTitle, {}),
+    /* @__PURE__ */ jsx2(RefundReasonListActions, {})
+  ] }) });
+};
+
+// src/pages/refund-reasons/refund-reason-list/components/refund-reason-list-table/refund-reason-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var RefundReasonListTable = ({ children }) => {
+  return Children2.count(children) > 0 ? /* @__PURE__ */ jsx3(Fragment2, { children }) : /* @__PURE__ */ jsx3(RefundReasonListDataTable, {});
+};
+
 // src/pages/refund-reasons/refund-reason-list/refund-reason-list.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var RefundReasonList = () => {
-  return /* @__PURE__ */ jsx2(
-    SingleColumnPage,
-    {
-      showMetadata: false,
-      showJSON: false,
-      hasOutlet: true,
-      children: /* @__PURE__ */ jsx2(RefundReasonListTable, {})
-    }
-  );
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { showMetadata: false, showJSON: false, hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(RefundReasonListTable, {}) });
 };
+var RefundReasonList = Object.assign(Root, {
+  Table: RefundReasonListTable,
+  Header: RefundReasonListHeader,
+  HeaderTitle: RefundReasonListTitle,
+  HeaderActions: RefundReasonListActions,
+  DataTable: RefundReasonListDataTable
+});
+
 export {
-  RefundReasonList as Component,
-  refundReasonListLoader as loader
+  RefundReasonList
 };

package/dist/chunk-E2AAYIHS.js

@@ -0,0 +1,250 @@
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-U2UCL2VG.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useUsers
+} from "./chunk-NNZP4PYP.js";
+
+// src/pages/users/user-list/user-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/users/user-list/components/user-list-table/user-list-table.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/users/user-list/components/user-list-table/user-list-header.tsx
+import { Children } from "react";
+import { Button, Heading } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var UserListTitle = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Heading, { level: "h2", children: t("users.domain") }) });
+};
+var UserListActions = ({
+  children
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx(Link, { to: "invite", children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", children: t("users.invite") }) }) });
+};
+var UserListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(UserListTitle, {}),
+    /* @__PURE__ */ jsx(UserListActions, {})
+  ] }) });
+};
+
+// src/pages/users/user-list/components/user-list-table/user-list-data-table.tsx
+import { useMemo as useMemo2 } from "react";
+import { PencilSquare } from "@medusajs/icons";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useTranslation as useTranslation3 } from "react-i18next";
+import { useNavigate } from "react-router-dom";
+
+// src/hooks/table/query/use-user-table-query.tsx
+var useUserTableQuery = (options) => {
+  const { prefix, pageSize = 20 } = options ?? {};
+  const queryObject = useQueryParams(["offset", "q", "created_at", "updated_at", "order"], prefix);
+  const { offset, created_at, updated_at, q, order } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    order: order ? order : "-created_at",
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/users/user-list/components/user-list-table/use-user-table-filters.tsx
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useUserTableFilters = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      {
+        key: "created_at",
+        label: t("fields.createdAt"),
+        type: "date"
+      },
+      {
+        key: "updated_at",
+        label: t("fields.updatedAt"),
+        type: "date"
+      }
+    ],
+    [t]
+  );
+};
+
+// src/pages/users/user-list/components/user-list-table/user-list-data-table.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var UserListDataTable = () => {
+  const { t } = useTranslation3();
+  const { searchParams, raw } = useUserTableQuery({ pageSize: PAGE_SIZE });
+  const { users, count, isPending, isError, error } = useUsers(
+    {
+      ...searchParams
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useUserTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: users ?? [],
+    columns,
+    enablePagination: true,
+    count,
+    pageSize: PAGE_SIZE,
+    getRowId: (row) => row.id
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx2(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      pageSize: PAGE_SIZE,
+      filters,
+      search: true,
+      pagination: true,
+      isLoading: isPending,
+      queryObject: raw,
+      navigateTo: (row) => `${row.original.id}`,
+      orderBy: [
+        { key: "email", label: t("fields.email") },
+        { key: "first_name", label: t("fields.firstName") },
+        { key: "last_name", label: t("fields.lastName") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      noRecords: {
+        message: t("users.list.empty.description")
+      }
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const { t } = useTranslation3();
+  const navigate = useNavigate();
+  return useMemo2(
+    () => [
+      columnHelper.accessor("email", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.email") }) }),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: row.original.email }) });
+        }
+      }),
+      columnHelper.accessor("first_name", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.firstName") }) }),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: row.original.first_name || "-" }) });
+        }
+      }),
+      columnHelper.accessor("last_name", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.lastName") }) }),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: row.original.last_name || "-" }) });
+        }
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.createdAt") }) }),
+        cell: ({ getValue }) => {
+          const date = getValue();
+          return /* @__PURE__ */ jsx2(DateCell, { date: date ? new Date(date) : null });
+        }
+      }),
+      columnHelper.accessor("updated_at", {
+        header: () => /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center", children: /* @__PURE__ */ jsx2("span", { children: t("fields.updatedAt") }) }),
+        cell: ({ getValue }) => {
+          const date = getValue();
+          return /* @__PURE__ */ jsx2(DateCell, { date: date ? new Date(date) : null });
+        }
+      }),
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx2(UserActions, { user: row.original });
+        }
+      })
+    ],
+    [t, navigate]
+  );
+};
+var UserActions = ({ user }) => {
+  const { t } = useTranslation3();
+  const navigate = useNavigate();
+  return /* @__PURE__ */ jsx2(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+              label: t("actions.edit"),
+              onClick: () => {
+                navigate(`${user.id}/edit`);
+              }
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+
+// src/pages/users/user-list/components/user-list-table/user-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var UserListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(UserListHeader, {}),
+    /* @__PURE__ */ jsx3(UserListDataTable, {})
+  ] }) });
+};
+
+// src/pages/users/user-list/user-list.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx4(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx4(UserListTable, {}) });
+};
+var UserList = Object.assign(Root, {
+  Table: UserListTable,
+  Header: UserListHeader,
+  HeaderTitle: UserListTitle,
+  HeaderActions: UserListActions,
+  DataTable: UserListDataTable
+});
+
+export {
+  UserList
+};