@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-4ZIQGDNH.js

@@ -0,0 +1,184 @@
+import {
+  LocalizedTablePagination,
+  TaxRegionCard
+} from "./chunk-RHYS2TFP.js";
+import {
+  DataTableOrderBy
+} from "./chunk-KAZ5BYTQ.js";
+import {
+  NoRecords,
+  NoResults
+} from "./chunk-3EF54XFY.js";
+import {
+  TableFooterSkeleton
+} from "./chunk-INNFZYX2.js";
+
+// src/pages/tax-regions/common/components/tax-region-table/tax-region-table.tsx
+import { Button } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TaxRegionTable = ({
+  variant = "country",
+  isPending,
+  action,
+  count = 0,
+  table,
+  queryObject,
+  prefix,
+  children,
+  renderHeader,
+  "data-testid": dataTestId
+}) => {
+  const { t } = useTranslation();
+  const showHeader = renderHeader !== false;
+  if (isPending) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col divide-y", children: [
+      Array.from({ length: 3 }).map((_, index) => {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-[52px] w-full animate-pulse bg-ui-bg-field-component"
+          },
+          index
+        );
+      }),
+      /* @__PURE__ */ jsx(TableFooterSkeleton, { layout: "fit" })
+    ] });
+  }
+  const noQuery = Object.values(queryObject).filter((v) => Boolean(v)).length === 0;
+  const noResults = !isPending && count === 0 && !noQuery;
+  const noRecords = !isPending && count === 0 && noQuery;
+  const { pageIndex, pageSize } = table.getState().pagination;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col divide-y", "data-testid": dataTestId, children: [
+    showHeader && /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-x-4 gap-y-3 px-6 py-4 md:flex-row md:items-center", "data-testid": dataTestId ? `${dataTestId}-header` : void 0, children: [
+      /* @__PURE__ */ jsx("div", { children }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-x-2", children: [
+        !noRecords && /* @__PURE__ */ jsx("div", { className: "flex w-full items-center gap-x-2 md:w-fit", children: /* @__PURE__ */ jsx(
+          DataTableOrderBy,
+          {
+            keys: [
+              { key: "country_code", label: t("fields.name") },
+              { key: "updated_at", label: t("fields.updatedAt") },
+              { key: "created_at", label: t("fields.createdAt") }
+            ],
+            prefix
+          }
+        ) }),
+        action && /* @__PURE__ */ jsx(Link, { to: action.to, children: /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", "data-testid": dataTestId ? `${dataTestId}-create-button` : void 0, children: action.label }) })
+      ] })
+    ] }),
+    noResults && /* @__PURE__ */ jsx(NoResults, {}),
+    noRecords && /* @__PURE__ */ jsx(NoRecords, {}),
+    !noRecords && !noResults ? !isPending ? table.getRowModel().rows.map((row) => {
+      return /* @__PURE__ */ jsx(
+        TaxRegionCard,
+        {
+          variant,
+          taxRegion: row.original,
+          role: "row",
+          "aria-rowindex": row.index
+        },
+        row.id
+      );
+    }) : Array.from({ length: 3 }).map((_, index) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "h-[60px] w-full animate-pulse bg-ui-bg-field-component"
+        },
+        index
+      );
+    }) : null,
+    !noRecords && /* @__PURE__ */ jsx(
+      LocalizedTablePagination,
+      {
+        prefix,
+        canNextPage: table.getCanNextPage(),
+        canPreviousPage: table.getCanPreviousPage(),
+        count,
+        nextPage: table.nextPage,
+        previousPage: table.previousPage,
+        pageCount: table.getPageCount(),
+        pageIndex,
+        pageSize
+      }
+    )
+  ] });
+};
+
+// src/pages/tax-regions/common/hooks/use-tax-region-table.tsx
+import {
+  getCoreRowModel,
+  getPaginationRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "react-router-dom";
+var useTaxRegionTable = ({
+  data = [],
+  count = 0,
+  pageSize: _pageSize = 10,
+  prefix
+}) => {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const offsetKey = `${prefix ? `${prefix}_` : ""}offset`;
+  const offset = searchParams.get(offsetKey);
+  const [{ pageIndex, pageSize }, setPagination] = useState({
+    pageIndex: offset ? Math.ceil(Number(offset) / _pageSize) : 0,
+    pageSize: _pageSize
+  });
+  const pagination = useMemo(
+    () => ({
+      pageIndex,
+      pageSize
+    }),
+    [pageIndex, pageSize]
+  );
+  useEffect(() => {
+    const index = offset ? Math.ceil(Number(offset) / _pageSize) : 0;
+    if (index === pageIndex) {
+      return;
+    }
+    setPagination((prev) => ({
+      ...prev,
+      pageIndex: index
+    }));
+  }, [offset, _pageSize, pageIndex]);
+  const onPaginationChange = (updater) => {
+    const state = updater(pagination);
+    const { pageIndex: pageIndex2, pageSize: pageSize2 } = state;
+    setSearchParams((prev) => {
+      if (!pageIndex2) {
+        prev.delete(offsetKey);
+        return prev;
+      }
+      const newSearch = new URLSearchParams(prev);
+      newSearch.set(offsetKey, String(pageIndex2 * pageSize2));
+      return newSearch;
+    });
+    setPagination(state);
+    return state;
+  };
+  const table = useReactTable({
+    data,
+    columns: [],
+    // We don't actually want to render any columns
+    pageCount: Math.ceil(count / pageSize),
+    state: {
+      pagination
+    },
+    getCoreRowModel: getCoreRowModel(),
+    onPaginationChange,
+    getPaginationRowModel: getPaginationRowModel(),
+    manualPagination: true
+  });
+  return {
+    table
+  };
+};
+
+export {
+  TaxRegionTable,
+  useTaxRegionTable
+};

package/dist/chunk-54EPH67T.js

@@ -0,0 +1,34 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+
+// src/hooks/table/columns/use-customer-group-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 useCustomerGroupTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("fields.name") }),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() || "-" })
+      }),
+      columnHelper.accessor("customers", {
+        header: () => /* @__PURE__ */ jsx(TextHeader, { text: t("customers.domain") }),
+        cell: ({ getValue }) => {
+          const count = getValue()?.length ?? 0;
+          return /* @__PURE__ */ jsx(TextCell, { text: count });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+export {
+  useCustomerGroupTableColumns
+};

package/dist/chunk-54RTJBYO.js

@@ -0,0 +1,153 @@
+import {
+  useDate
+} from "./chunk-UZWFZMOX.js";
+
+// src/components/data-table/helpers/general/use-data-table-date-columns.tsx
+import {
+  createDataTableColumnHelper,
+  Tooltip
+} from "@medusajs/ui";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { jsx } from "react/jsx-runtime";
+var columnHelper = createDataTableColumnHelper();
+var useDataTableDateColumns = () => {
+  const { t } = useTranslation();
+  const { getFullDate } = useDate();
+  return useMemo(() => {
+    return [
+      columnHelper.accessor("created_at", {
+        header: t("fields.createdAt"),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: getFullDate({
+                date: row.original.created_at,
+                includeTime: true
+              }),
+              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.created_at }) })
+            }
+          );
+        },
+        enableSorting: true,
+        sortAscLabel: t("filters.sorting.dateAsc"),
+        sortDescLabel: t("filters.sorting.dateDesc")
+      }),
+      columnHelper.accessor("updated_at", {
+        header: t("fields.updatedAt"),
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: getFullDate({
+                date: row.original.updated_at,
+                includeTime: true
+              }),
+              children: /* @__PURE__ */ jsx("span", { children: getFullDate({ date: row.original.updated_at }) })
+            }
+          );
+        },
+        enableSorting: true,
+        sortAscLabel: t("filters.sorting.dateAsc"),
+        sortDescLabel: t("filters.sorting.dateDesc")
+      })
+    ];
+  }, [t, getFullDate]);
+};
+
+// src/components/data-table/helpers/general/use-data-table-date-filters.tsx
+import { createDataTableFilterHelper } from "@medusajs/ui";
+import { subDays, subMonths } from "date-fns";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+var filterHelper = createDataTableFilterHelper();
+var useDateFilterOptions = () => {
+  const { t } = useTranslation2();
+  const today = useMemo2(() => {
+    const date = /* @__PURE__ */ new Date();
+    date.setHours(0, 0, 0, 0);
+    return date;
+  }, []);
+  return useMemo2(() => {
+    return [
+      {
+        label: t("filters.date.today"),
+        value: {
+          $gte: today.toISOString()
+        }
+      },
+      {
+        label: t("filters.date.lastSevenDays"),
+        value: {
+          $gte: subDays(today, 7).toISOString()
+          // 7 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastThirtyDays"),
+        value: {
+          $gte: subDays(today, 30).toISOString()
+          // 30 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastNinetyDays"),
+        value: {
+          $gte: subDays(today, 90).toISOString()
+          // 90 days ago
+        }
+      },
+      {
+        label: t("filters.date.lastTwelveMonths"),
+        value: {
+          $gte: subMonths(today, 12).toISOString()
+          // 12 months ago
+        }
+      }
+    ];
+  }, [today, t]);
+};
+var useDataTableDateFilters = (disableRangeOption) => {
+  const { t } = useTranslation2();
+  const { getFullDate } = useDate();
+  const dateFilterOptions = useDateFilterOptions();
+  const rangeOptions = useMemo2(() => {
+    if (disableRangeOption) {
+      return {
+        disableRangeOption: true
+      };
+    }
+    return {
+      rangeOptionStartLabel: t("filters.date.starting"),
+      rangeOptionEndLabel: t("filters.date.ending"),
+      rangeOptionLabel: t("filters.date.custom"),
+      options: dateFilterOptions
+    };
+  }, [disableRangeOption, t, dateFilterOptions]);
+  return useMemo2(() => {
+    return [
+      filterHelper.accessor("created_at", {
+        type: "date",
+        label: t("fields.createdAt"),
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      }),
+      filterHelper.accessor("updated_at", {
+        type: "date",
+        label: t("fields.updatedAt"),
+        format: "date",
+        formatDateValue: (date) => getFullDate({ date }),
+        options: dateFilterOptions,
+        ...rangeOptions
+      })
+    ];
+  }, [t, dateFilterOptions, getFullDate, rangeOptions]);
+};
+
+export {
+  useDataTableDateColumns,
+  useDataTableDateFilters
+};

package/dist/chunk-54TMLQH3.js

@@ -0,0 +1,9 @@
+// src/components/utilities/visually-hidden/visually-hidden.tsx
+import { jsx } from "react/jsx-runtime";
+var VisuallyHidden = ({ children }) => {
+  return /* @__PURE__ */ jsx("span", { className: "sr-only", children });
+};
+
+export {
+  VisuallyHidden
+};

package/dist/chunk-5A4JNOK3.js

@@ -0,0 +1,109 @@
+import {
+  DescriptionCell
+} from "./chunk-HINXQTCW.js";
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  TextCell
+} from "./chunk-JHIMVLB2.js";
+
+// src/hooks/table/columns/use-product-tag-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 useProductTagTableColumns = () => {
+  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]
+  );
+};
+
+// src/hooks/table/columns/use-refund-reason-table-columns.tsx
+import { useMemo as useMemo2 } from "react";
+import { createDataTableColumnHelper } from "@medusajs/ui";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var columnHelper2 = createDataTableColumnHelper();
+var useRefundReasonTableColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo2(
+    () => [
+      columnHelper2.accessor("label", {
+        header: () => t("fields.label"),
+        enableSorting: true,
+        sortLabel: t("fields.label"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
+      }),
+      columnHelper2.accessor("code", {
+        header: () => t("fields.code"),
+        enableSorting: true,
+        sortLabel: t("fields.code"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
+      }),
+      columnHelper2.accessor("description", {
+        header: () => t("fields.description"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx2(DescriptionCell, { description: getValue() }),
+        enableSorting: true,
+        sortLabel: t("fields.description"),
+        sortAscLabel: t("filters.sorting.alphabeticallyAsc"),
+        sortDescLabel: t("filters.sorting.alphabeticallyDesc")
+      })
+    ],
+    [t]
+  );
+};
+
+// src/hooks/table/columns/use-return-reason-table-columns.tsx
+import { useMemo as useMemo3 } from "react";
+import { Badge } from "@medusajs/ui";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var columnHelper3 = createColumnHelper2();
+var useReturnReasonTableColumns = () => {
+  return useMemo3(
+    () => [
+      columnHelper3.accessor("value", {
+        cell: ({ getValue }) => /* @__PURE__ */ jsx3("div", { className: "py-4", children: /* @__PURE__ */ jsx3(Badge, { className: "h-fit", children: getValue() }) })
+      }),
+      columnHelper3.accessor("label", {
+        cell: ({ row }) => {
+          const { label, description } = row.original;
+          return /* @__PURE__ */ jsx3("div", { className: "py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col justify-center", children: [
+            /* @__PURE__ */ jsx3("span", { className: "truncate font-medium", children: label }),
+            /* @__PURE__ */ jsx3("span", { className: "truncate", children: description ? description : "-" })
+          ] }) });
+        }
+      })
+    ],
+    []
+  );
+};
+
+export {
+  useProductTagTableColumns,
+  useRefundReasonTableColumns,
+  useReturnReasonTableColumns
+};