@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-NZN7PFPB.js

@@ -0,0 +1,169 @@
+import {
+  useDataTableDateColumns,
+  useDataTableDateFilters
+} from "./chunk-54RTJBYO.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-columns.tsx
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { createDataTableColumnHelper, Tooltip } from "@medusajs/ui";
+
+// src/components/data-table/components/data-table-status-cell/data-table-status-cell.tsx
+import { clx } from "@medusajs/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DataTableStatusCell = ({
+  color,
+  children
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: "txt-compact-small text-ui-fg-subtle flex h-full w-full items-center gap-x-2 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "presentation",
+        className: "flex h-5 w-2 items-center justify-center",
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clx(
+              "h-2 w-2 rounded-sm shadow-[0px_0px_0px_1px_rgba(0,0,0,0.12)_inset]",
+              {
+                "bg-ui-tag-neutral-icon": color === "grey",
+                "bg-ui-tag-green-icon": color === "green",
+                "bg-ui-tag-red-icon": color === "red",
+                "bg-ui-tag-blue-icon": color === "blue",
+                "bg-ui-tag-orange-icon": color === "orange",
+                "bg-ui-tag-purple-icon": color === "purple"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "truncate", children })
+  ] });
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-columns.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper = createDataTableColumnHelper();
+var useSalesChannelTableColumns = () => {
+  const { t } = useTranslation();
+  const dateColumns = useDataTableDateColumns();
+  return useMemo(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => t("fields.name"),
+        enableSorting: true,
+        sortLabel: t("fields.name"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
+      }),
+      columnHelper.accessor("description", {
+        header: () => t("fields.description"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx2(Tooltip, { content: getValue(), children: /* @__PURE__ */ jsx2("div", { className: "flex h-full w-full items-center overflow-hidden", children: /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() }) }) });
+        },
+        enableSorting: true,
+        sortLabel: t("fields.description"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
+        maxSize: 250,
+        minSize: 100
+      }),
+      columnHelper.accessor("is_disabled", {
+        header: () => t("fields.status"),
+        enableSorting: true,
+        sortLabel: t("fields.status"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc"),
+        cell: ({ getValue }) => {
+          const value = getValue();
+          return /* @__PURE__ */ jsx2(DataTableStatusCell, { color: value ? "grey" : "green", children: value ? t("general.disabled") : t("general.enabled") });
+        }
+      }),
+      ...dateColumns
+    ],
+    [t, dateColumns]
+  );
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-empty-state.tsx
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+var useSalesChannelTableEmptyState = () => {
+  const { t } = useTranslation2();
+  return useMemo2(() => {
+    const content = {
+      empty: {
+        heading: t("salesChannels.list.empty.heading"),
+        description: t("salesChannels.list.empty.description")
+      },
+      filtered: {
+        heading: t("salesChannels.list.filtered.heading"),
+        description: t("salesChannels.list.filtered.description")
+      }
+    };
+    return content;
+  }, [t]);
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-filters.tsx
+import { createDataTableFilterHelper } from "@medusajs/ui";
+import { useMemo as useMemo3 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+var filterHelper = createDataTableFilterHelper();
+var useSalesChannelTableFilters = () => {
+  const { t } = useTranslation3();
+  const dateFilters = useDataTableDateFilters();
+  return useMemo3(
+    () => [
+      filterHelper.accessor("is_disabled", {
+        label: t("fields.status"),
+        type: "radio",
+        options: [
+          {
+            label: t("general.enabled"),
+            value: "false"
+          },
+          {
+            label: t("general.disabled"),
+            value: "true"
+          }
+        ]
+      }),
+      ...dateFilters
+    ],
+    [dateFilters, t]
+  );
+};
+
+// src/components/data-table/helpers/sales-channels/use-sales-channel-table-query.tsx
+var useSalesChannelTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at", "is_disabled"],
+    prefix
+  );
+  const { offset, created_at, updated_at, is_disabled, ...rest } = 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,
+    is_disabled: is_disabled ? JSON.parse(is_disabled) : void 0,
+    ...rest
+  };
+  return searchParams;
+};
+
+export {
+  useSalesChannelTableColumns,
+  useSalesChannelTableEmptyState,
+  useSalesChannelTableFilters,
+  useSalesChannelTableQuery
+};

package/dist/chunk-O4LSCHTC.js

@@ -0,0 +1,245 @@
+import {
+  useRegionTableColumns
+} from "./chunk-LQAAVRET.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useRegionTableFilters
+} from "./chunk-ZQZHFMD7.js";
+import {
+  useRegionTableQuery
+} from "./chunk-7SVLKK6Q.js";
+import {
+  useDeleteRegion,
+  useRegions
+} from "./chunk-VHCDSNXF.js";
+
+// src/pages/regions/region-list/region-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/regions/region-list/components/region-list-view/region-list-view.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/regions/region-list/components/region-list-view/region-list-data-table.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { toast, usePrompt } from "@medusajs/ui";
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var RegionListDataTable = () => {
+  const { t } = useTranslation();
+  const { searchParams, raw } = useRegionTableQuery({ pageSize: PAGE_SIZE });
+  const {
+    regions,
+    count,
+    isPending: isLoading,
+    isError,
+    error
+  } = useRegions(
+    {
+      ...searchParams,
+      fields: "*payment_providers"
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useRegionTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: regions ?? [],
+    columns,
+    count,
+    enablePagination: true,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      pageSize: PAGE_SIZE,
+      isLoading,
+      filters,
+      orderBy: [
+        { key: "name", label: t("fields.name") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      navigateTo: (row) => `${row.original.id}`,
+      pagination: true,
+      search: true,
+      queryObject: raw,
+      noRecords: {
+        message: t("regions.list.noRecordsMessage")
+      },
+      "data-testid": "region-list-table"
+    }
+  );
+};
+var RegionActions = ({ region }) => {
+  const { t } = useTranslation();
+  const prompt = usePrompt();
+  const { mutateAsync } = useDeleteRegion(region.id);
+  const handleDelete = async () => {
+    const res = await prompt({
+      title: t("general.areYouSure"),
+      description: t("regions.deleteRegionWarning", {
+        name: region.name
+      }),
+      verificationText: region.name,
+      verificationInstruction: t("general.typeToConfirm"),
+      confirmText: t("actions.delete"),
+      cancelText: t("actions.cancel")
+    });
+    if (!res) {
+      return;
+    }
+    await mutateAsync(void 0, {
+      onSuccess: () => {
+        toast.success(t("regions.toast.delete"));
+      },
+      onError: (e) => {
+        toast.error(e.message);
+      }
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              to: `/settings/regions/${region.id}/edit`,
+              icon: /* @__PURE__ */ jsx(PencilSquare, {})
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              onClick: handleDelete,
+              icon: /* @__PURE__ */ jsx(Trash, {})
+            }
+          ]
+        }
+      ],
+      "data-testid": `region-list-table-action-menu-${region.id}`
+    }
+  );
+};
+var columnHelper = createColumnHelper();
+var useColumns = () => {
+  const base = useRegionTableColumns();
+  return useMemo(
+    () => [
+      ...base,
+      columnHelper.display({
+        id: "actions",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(RegionActions, { region: row.original });
+        }
+      })
+    ],
+    [base]
+  );
+};
+
+// src/pages/regions/region-list/components/region-list-view/region-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var RegionListTitle = () => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx2(Heading, { "data-testid": "region-list-table-heading", children: t("regions.domain") }),
+    /* @__PURE__ */ jsx2(
+      Text,
+      {
+        className: "text-ui-fg-subtle",
+        size: "small",
+        "data-testid": "region-list-table-subtitle",
+        children: t("regions.subtitle")
+      }
+    )
+  ] });
+};
+var RegionListActions = ({
+  children
+}) => {
+  const { t } = useTranslation2();
+  return /* @__PURE__ */ jsx2("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx2(Link, { to: "/settings/regions/create", children: /* @__PURE__ */ jsx2(
+    Button,
+    {
+      size: "small",
+      variant: "secondary",
+      "data-testid": "region-list-table-create-button",
+      children: t("actions.create")
+    }
+  ) }) });
+};
+var RegionListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "region-list-table-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx2(RegionListTitle, {}),
+        /* @__PURE__ */ jsx2(RegionListActions, {})
+      ] })
+    }
+  );
+};
+
+// src/pages/regions/region-list/components/region-list-view/region-list-view.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var RegionListView = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx3(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx3(RegionListHeader, {}),
+    /* @__PURE__ */ jsx3(RegionListDataTable, {})
+  ] }) });
+};
+
+// src/pages/regions/region-list/region-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(RegionListView, {}) });
+};
+var RegionListPage = Object.assign(Root, {
+  Table: RegionListView,
+  Header: RegionListHeader,
+  HeaderTitle: RegionListTitle,
+  HeaderActions: RegionListActions,
+  DataTable: RegionListDataTable
+});
+
+export {
+  RegionListPage
+};

package/dist/chunk-O5VKW5FL.js

@@ -0,0 +1,41 @@
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  TextCell
+} from "./chunk-JHIMVLB2.js";
+
+// src/hooks/table/columns/use-product-type-table-columns.tsx
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useProductTypeTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("value", {
+        header: () => t("fields.value"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("created_at", {
+        header: () => t("fields.createdAt"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx(DateCell, { date: getValue() });
+        }
+      }),
+      columnHelper.accessor("updated_at", {
+        header: () => t("fields.updatedAt"),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx(DateCell, { date: getValue() });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+export {
+  useProductTypeTableColumns
+};