@mercurjs/admin 2.1.2 → 2.2.0-canary.1

package/dist/chunk-IIFQ7KYL.js

@@ -0,0 +1,171 @@
+// src/components/common/sortable-list/sortable-list.tsx
+import {
+  DndContext,
+  DragOverlay,
+  KeyboardSensor,
+  PointerSensor,
+  defaultDropAnimationSideEffects,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import {
+  SortableContext,
+  arrayMove,
+  sortableKeyboardCoordinates,
+  useSortable
+} from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { DotsSix } from "@medusajs/icons";
+import { IconButton, clx } from "@medusajs/ui";
+import {
+  Fragment,
+  createContext,
+  useContext,
+  useMemo,
+  useState
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var List = ({
+  items,
+  onChange,
+  renderItem
+}) => {
+  const [active, setActive] = useState(null);
+  const [activeItem, activeIndex] = useMemo(() => {
+    if (active === null) {
+      return [null, null];
+    }
+    const index = items.findIndex(({ id }) => id === active.id);
+    return [items[index], index];
+  }, [active, items]);
+  const sensors = useSensors(
+    useSensor(PointerSensor),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const handleDragStart = ({ active: active2 }) => {
+    setActive(active2);
+  };
+  const handleDragEnd = ({ active: active2, over }) => {
+    if (over && active2.id !== over.id) {
+      const activeIndex2 = items.findIndex(({ id }) => id === active2.id);
+      const overIndex = items.findIndex(({ id }) => id === over.id);
+      onChange(arrayMove(items, activeIndex2, overIndex));
+    }
+    setActive(null);
+  };
+  const handleDragCancel = () => {
+    setActive(null);
+  };
+  return /* @__PURE__ */ jsxs(
+    DndContext,
+    {
+      sensors,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      onDragCancel: handleDragCancel,
+      children: [
+        /* @__PURE__ */ jsx(Overlay, { children: activeItem && activeIndex !== null ? renderItem(activeItem, activeIndex) : null }),
+        /* @__PURE__ */ jsx(SortableContext, { items, children: /* @__PURE__ */ jsx(
+          "ul",
+          {
+            role: "application",
+            className: "flex list-inside list-none list-image-none flex-col p-0",
+            children: items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: renderItem(item, index) }, item.id))
+          }
+        ) })
+      ]
+    }
+  );
+};
+var dropAnimationConfig = {
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+var Overlay = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    DragOverlay,
+    {
+      className: "shadow-elevation-card-hover overflow-hidden rounded-md [&>li]:border-b-0",
+      dropAnimation: dropAnimationConfig,
+      children
+    }
+  );
+};
+var SortableItemContext = createContext(null);
+var useSortableItemContext = () => {
+  const context = useContext(SortableItemContext);
+  if (!context) {
+    throw new Error(
+      "useSortableItemContext must be used within a SortableItemContext"
+    );
+  }
+  return context;
+};
+var Item = ({
+  id,
+  className,
+  children
+}) => {
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    setActivatorNodeRef,
+    transform,
+    transition
+  } = useSortable({ id });
+  const context = useMemo(
+    () => ({
+      attributes,
+      listeners,
+      ref: setActivatorNodeRef,
+      isDragging
+    }),
+    [attributes, listeners, setActivatorNodeRef, isDragging]
+  );
+  const style = {
+    opacity: isDragging ? 0.4 : void 0,
+    transform: CSS.Translate.toString(transform),
+    transition
+  };
+  return /* @__PURE__ */ jsx(SortableItemContext.Provider, { value: context, children: /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: clx("transition-fg flex flex-1 list-none", className),
+      ref: setNodeRef,
+      style,
+      children
+    }
+  ) });
+};
+var DragHandle = () => {
+  const { attributes, listeners, ref } = useSortableItemContext();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      variant: "transparent",
+      size: "small",
+      ...attributes,
+      ...listeners,
+      ref,
+      className: "cursor-grab touch-none active:cursor-grabbing",
+      children: /* @__PURE__ */ jsx(DotsSix, { className: "text-ui-fg-muted" })
+    }
+  );
+};
+var SortableList = Object.assign(List, {
+  Item,
+  DragHandle
+});
+
+export {
+  SortableList
+};

package/dist/{chunk-HNUA6XIW.js → chunk-IRTI3AS3.js}

@@ -6,9 +6,6 @@ import {
 import {
   UserLink
 } from "./chunk-C4JUURO5.js";
-import {
-  SingleColumnPage
-} from "./chunk-H6MYB7GB.js";
 import {
   useSalesChannelTableColumns,
   useSalesChannelTableEmptyState,
@@ -16,30 +13,33 @@ import {
   useSalesChannelTableQuery
 } from "./chunk-CKNQJPAG.js";
 import {
-  DataTable
-} from "./chunk-OB4NOV4M.js";
-import {
-  SingleColumnPageSkeleton,
-  Skeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useDate
 } from "./chunk-UZWFZMOX.js";
+import {
+  DataTable
+} from "./chunk-LYZT5REU.js";
 import {
   useApiKey,
   useBatchRemoveSalesChannelsFromApiKey,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-YKDEE7ZL.js";
+} from "./chunk-FTAR3BDS.js";
 import {
   useUser
 } from "./chunk-GKGLVDDV.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 import {
   useSalesChannels
-} from "./chunk-DL2ZIXBO.js";
+} from "./chunk-S5BJ5CMF.js";
+import {
+  SingleColumnPageSkeleton,
+  Skeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/api-key-management/api-key-management-detail/api-key-management-detail.tsx
 import { Children } from "react";

package/dist/chunk-J65IXAGI.js

@@ -0,0 +1,292 @@
+import {
+  useDeleteProductBrandAction
+} from "./chunk-V5XHY5LP.js";
+import {
+  useDateTableFilters
+} from "./chunk-26OOAKQ6.js";
+import {
+  DateCell
+} from "./chunk-25LYVP3C.js";
+import {
+  TextCell
+} from "./chunk-JHIMVLB2.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useProductBrands
+} from "./chunk-ZZ3XFIEM.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+
+// src/pages/product-brands/product-brand-list/product-brand-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/product-brands/product-brand-list/components/product-brand-list-view/product-brand-list-view.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/product-brands/product-brand-list/components/product-brand-list-view/product-brand-list-data-table.tsx
+import { keepPreviousData } from "@tanstack/react-query";
+import { createColumnHelper as createColumnHelper2 } from "@tanstack/react-table";
+import { useMemo as useMemo2 } from "react";
+import { useTranslation as useTranslation3 } from "react-i18next";
+
+// src/hooks/table/columns/use-product-brand-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 useProductBrandTableColumns = () => {
+  const { t } = useTranslation();
+  return useMemo(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => t("fields.name"),
+        cell: ({ getValue }) => /* @__PURE__ */ jsx(TextCell, { text: getValue() })
+      }),
+      columnHelper.accessor("handle", {
+        header: () => t("fields.handle"),
+        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/filters/use-product-brand-table-filters.tsx
+var useProductBrandTableFilters = () => {
+  const dateFilters = useDateTableFilters();
+  return dateFilters;
+};
+
+// src/hooks/table/query/use-product-brand-table-query.tsx
+var useProductBrandTableQuery = ({
+  prefix,
+  pageSize = 20
+}) => {
+  const queryObject = useQueryParams(
+    ["offset", "q", "order", "created_at", "updated_at"],
+    prefix
+  );
+  const { offset, q, order, created_at, updated_at } = queryObject;
+  const searchParams = {
+    limit: pageSize,
+    offset: offset ? Number(offset) : 0,
+    order,
+    created_at: created_at ? JSON.parse(created_at) : void 0,
+    updated_at: updated_at ? JSON.parse(updated_at) : void 0,
+    q
+  };
+  return {
+    searchParams,
+    raw: queryObject
+  };
+};
+
+// src/pages/product-brands/product-brand-list/components/product-brand-list-table/product-brand-row-actions.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ProductBrandRowActions = ({
+  productBrand
+}) => {
+  const { t } = useTranslation2();
+  const handleDelete = useDeleteProductBrandAction(
+    productBrand.id,
+    productBrand.name
+  );
+  return /* @__PURE__ */ jsx2(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              icon: /* @__PURE__ */ jsx2(PencilSquare, {}),
+              to: `/settings/product-brands/${productBrand.id}/edit`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              icon: /* @__PURE__ */ jsx2(Trash, {}),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ],
+      "data-testid": `product-brand-list-table-action-menu-${productBrand.id}`
+    }
+  );
+};
+
+// src/pages/product-brands/product-brand-list/components/product-brand-list-view/product-brand-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var ProductBrandListDataTable = () => {
+  const { t } = useTranslation3();
+  const { searchParams, raw } = useProductBrandTableQuery({
+    pageSize: PAGE_SIZE
+  });
+  const { product_brands, count, isLoading, isError, error } = useProductBrands(
+    searchParams,
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const filters = useProductBrandTableFilters();
+  const columns = useColumns();
+  const { table } = useDataTable({
+    columns,
+    data: product_brands,
+    count,
+    getRowId: (row) => row.id,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      filters,
+      isLoading,
+      columns,
+      pageSize: PAGE_SIZE,
+      count,
+      orderBy: [
+        { key: "name", label: t("fields.name") },
+        { key: "handle", label: t("fields.handle") },
+        { key: "created_at", label: t("fields.createdAt") },
+        { key: "updated_at", label: t("fields.updatedAt") }
+      ],
+      navigateTo: ({ original }) => original.id,
+      queryObject: raw,
+      pagination: true,
+      search: true,
+      "data-testid": "product-brand-list-table"
+    }
+  );
+};
+var columnHelper2 = createColumnHelper2();
+var useColumns = () => {
+  const base = useProductBrandTableColumns();
+  return useMemo2(
+    () => [
+      ...base,
+      columnHelper2.display({
+        id: "actions",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx3(ProductBrandRowActions, { productBrand: row.original });
+        }
+      })
+    ],
+    [base]
+  );
+};
+
+// src/pages/product-brands/product-brand-list/components/product-brand-list-view/product-brand-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation as useTranslation4 } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+var ProductBrandListTitle = () => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx4(Heading, { "data-testid": "product-brand-list-table-heading", children: t("productBrands.domain") }),
+    /* @__PURE__ */ jsx4(
+      Text,
+      {
+        className: "text-ui-fg-subtle",
+        size: "small",
+        "data-testid": "product-brand-list-table-subtitle",
+        children: t("productBrands.subtitle")
+      }
+    )
+  ] });
+};
+var ProductBrandListActions = ({
+  children
+}) => {
+  const { t } = useTranslation4();
+  return /* @__PURE__ */ jsx4("div", { className: "flex items-center justify-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsx4(
+    Button,
+    {
+      size: "small",
+      variant: "secondary",
+      asChild: true,
+      "data-testid": "product-brand-list-table-create-button",
+      children: /* @__PURE__ */ jsx4(Link, { to: "create", children: t("actions.create") })
+    }
+  ) });
+};
+var ProductBrandListHeader = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      className: "flex items-center justify-between px-6 py-4",
+      "data-testid": "product-brand-list-table-header",
+      children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx4(ProductBrandListTitle, {}),
+        /* @__PURE__ */ jsx4(ProductBrandListActions, {})
+      ] })
+    }
+  );
+};
+
+// src/pages/product-brands/product-brand-list/components/product-brand-list-view/product-brand-list-view.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var ProductBrandListView = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx5(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx5(ProductBrandListHeader, {}),
+    /* @__PURE__ */ jsx5(ProductBrandListDataTable, {})
+  ] }) });
+};
+
+// src/pages/product-brands/product-brand-list/product-brand-list.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx6(SingleColumnPage, { children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx6(ProductBrandListView, {}) });
+};
+var ProductBrandListPage = Object.assign(Root, {
+  Table: ProductBrandListView,
+  Header: ProductBrandListHeader,
+  HeaderTitle: ProductBrandListTitle,
+  HeaderActions: ProductBrandListActions,
+  DataTable: ProductBrandListDataTable
+});
+
+export {
+  ProductBrandListPage
+};

package/dist/{chunk-VIGX66F7.js → chunk-JQBSPUH2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ESPLVOFC.js";
 import {
   useSalesChannels
-} from "./chunk-DL2ZIXBO.js";
+} from "./chunk-S5BJ5CMF.js";
 
 // src/hooks/table/filters/use-order-table-filters.tsx
 import { useTranslation } from "react-i18next";

package/dist/{chunk-4ZN3D4YS.js → chunk-K4TGNN4P.js}

@@ -1,6 +1,9 @@
 import {
   useDeleteShippingOptionTypeAction
-} from "./chunk-34I4QIBD.js";
+} from "./chunk-BE6JLTMI.js";
+import {
+  useDateTableFilters
+} from "./chunk-26OOAKQ6.js";
 import {
   DateCell
 } from "./chunk-25LYVP3C.js";
@@ -10,22 +13,19 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
-import {
-  useDateTableFilters
-} from "./chunk-26OOAKQ6.js";
 import {
   useQueryParams
 } from "./chunk-THHRRYRS.js";
 import {
   useShippingOptionTypes
-} from "./chunk-PBQ5M44A.js";
+} from "./chunk-AXTQMIIK.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
 
 // src/pages/shipping-option-types/shipping-option-type-list/shipping-option-type-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-R46PKJUT.js → chunk-KXIA66EJ.js}

@@ -1,31 +1,31 @@
 import {
   useCustomerTableColumns
 } from "./chunk-QG6PLWNH.js";
-import {
-  _DataTable,
-  useDataTable
-} from "./chunk-KYPPQGGE.js";
-import {
-  SingleColumnPage
-} from "./chunk-H6MYB7GB.js";
-import {
-  SingleColumnPageSkeleton
-} from "./chunk-INNFZYX2.js";
-import {
-  ActionMenu
-} from "./chunk-BDGZ4EQO.js";
 import {
   useCustomerTableFilters
 } from "./chunk-I5THQVYP.js";
 import {
   useCustomerTableQuery
 } from "./chunk-PVZBDWLK.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-NQEXDLYH.js";
+import {
+  SingleColumnPage
+} from "./chunk-H6MYB7GB.js";
 import {
   useCustomerGroup,
   useCustomers,
   useDeleteCustomerGroup,
   useRemoveCustomersFromGroup
 } from "./chunk-PRBE5CM3.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  SingleColumnPageSkeleton
+} from "./chunk-INNFZYX2.js";
 
 // src/pages/customer-groups/customer-group-detail/customer-group-detail.tsx
 import { Children } from "react";

package/dist/{chunk-CIH5DSU7.js → chunk-LCGLQNOI.js}

@@ -1,28 +1,28 @@
 import {
   useDeleteProductTagAction
-} from "./chunk-WRRMBJBQ.js";
+} from "./chunk-PXTJJQKJ.js";
 import {
   useProductTagTableColumns
 } from "./chunk-5A4JNOK3.js";
+import {
+  useProductTagTableFilters
+} from "./chunk-KOURHC2N.js";
+import {
+  useProductTagTableQuery
+} from "./chunk-NZ2LHIKD.js";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
+import {
+  useProductTags
+} from "./chunk-AXTQMIIK.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import {
-  useProductTagTableFilters
-} from "./chunk-KOURHC2N.js";
-import {
-  useProductTagTableQuery
-} from "./chunk-HO7Z6MC3.js";
-import {
-  useProductTags
-} from "./chunk-PBQ5M44A.js";
 
 // src/pages/product-tags/product-tag-list/product-tag-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-RE3AYHPM.js → chunk-LLOKYZMI.js}

@@ -1,6 +1,9 @@
 import {
   useReturnReasonTableColumns
 } from "./chunk-5A4JNOK3.js";
+import {
+  useReturnReasonTableQuery
+} from "./chunk-NZ2LHIKD.js";
 import {
   useDeleteReturnReason,
   useReturnReasons
@@ -8,16 +11,13 @@ import {
 import {
   _DataTable,
   useDataTable
-} from "./chunk-KYPPQGGE.js";
+} from "./chunk-NQEXDLYH.js";
 import {
   SingleColumnPage
 } from "./chunk-H6MYB7GB.js";
 import {
   ActionMenu
 } from "./chunk-BDGZ4EQO.js";
-import {
-  useReturnReasonTableQuery
-} from "./chunk-HO7Z6MC3.js";
 
 // src/pages/return-reasons/return-reason-list/return-reason-list.tsx
 import { Children } from "react";