@mercurjs/admin 2.0.0-canary.100

package/dist/chunk-AW77UWCZ.js

@@ -0,0 +1,363 @@
+// src/components/inputs/combobox/combobox.tsx
+import {
+  Combobox as PrimitiveCombobox,
+  ComboboxDisclosure as PrimitiveComboboxDisclosure,
+  ComboboxItem as PrimitiveComboboxItem,
+  ComboboxItemCheck as PrimitiveComboboxItemCheck,
+  ComboboxItemValue as PrimitiveComboboxItemValue,
+  ComboboxPopover as PrimitiveComboboxPopover,
+  ComboboxProvider as PrimitiveComboboxProvider,
+  Separator as PrimitiveSeparator
+} from "@ariakit/react";
+import {
+  CheckMini,
+  EllipseMiniSolid,
+  PlusMini,
+  TrianglesMini,
+  XMarkMini
+} from "@medusajs/icons";
+import { clx, Text } from "@medusajs/ui";
+import { matchSorter } from "match-sorter";
+import {
+  Fragment,
+  useCallback,
+  useDeferredValue,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+  useTransition
+} from "react";
+import { useTranslation } from "react-i18next";
+
+// src/components/utilities/generic-forward-ref/generic-forward-ref.tsx
+import { forwardRef } from "react";
+function genericForwardRef(render) {
+  return forwardRef(render);
+}
+
+// src/components/inputs/combobox/combobox.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TABLUAR_NUM_WIDTH = 8;
+var TAG_BASE_WIDTH = 28;
+var ComboboxImpl = ({
+  value: controlledValue,
+  onChange,
+  searchValue: controlledSearchValue,
+  onSearchValueChange,
+  options,
+  className,
+  placeholder,
+  fetchNextPage,
+  isFetchingNextPage,
+  onCreateOption,
+  noResultsPlaceholder,
+  allowClear,
+  forceHideInput,
+  ...inputProps
+}, ref) => {
+  const [open, setOpen] = useState(false);
+  const [isPending, startTransition] = useTransition();
+  const { t } = useTranslation();
+  const comboboxRef = useRef(null);
+  const listboxRef = useRef(null);
+  useImperativeHandle(ref, () => comboboxRef.current);
+  const isValueControlled = controlledValue !== void 0;
+  const isSearchControlled = controlledSearchValue !== void 0;
+  const isArrayValue = Array.isArray(controlledValue);
+  const emptyState = isArrayValue ? [] : "";
+  const [uncontrolledSearchValue, setUncontrolledSearchValue] = useState(
+    controlledSearchValue || ""
+  );
+  const defferedSearchValue = useDeferredValue(uncontrolledSearchValue);
+  const [uncontrolledValue, setUncontrolledValue] = useState(emptyState);
+  const searchValue = isSearchControlled ? controlledSearchValue : uncontrolledSearchValue;
+  const selectedValues = isValueControlled ? controlledValue : uncontrolledValue;
+  const handleValueChange = (newValues) => {
+    const exists = options.filter((o) => !o.disabled).find((o) => {
+      if (isArrayValue) {
+        return newValues?.includes(o.value);
+      }
+      return o.value === newValues;
+    });
+    if (!exists && onCreateOption && newValues) {
+      onCreateOption(newValues);
+    }
+    if (!isValueControlled) {
+      setUncontrolledValue(newValues || emptyState);
+    }
+    if (onChange) {
+      onChange(newValues);
+    }
+    setUncontrolledSearchValue("");
+  };
+  const handleSearchChange = (query) => {
+    setUncontrolledSearchValue(query);
+    if (onSearchValueChange) {
+      onSearchValueChange(query);
+    }
+  };
+  const matches = useMemo(() => {
+    if (isSearchControlled) {
+      return [];
+    }
+    if (forceHideInput) {
+      return options;
+    }
+    return matchSorter(options, defferedSearchValue, {
+      keys: ["label"]
+    });
+  }, [options, defferedSearchValue, isSearchControlled, forceHideInput]);
+  const observer = useRef(
+    new IntersectionObserver(
+      (entries) => {
+        const first = entries[0];
+        if (first.isIntersecting) {
+          fetchNextPage?.();
+        }
+      },
+      { threshold: 1 }
+    )
+  );
+  const lastOptionRef = useCallback(
+    (node) => {
+      if (isFetchingNextPage) {
+        return;
+      }
+      if (observer.current) {
+        observer.current.disconnect();
+      }
+      if (node) {
+        observer.current.observe(node);
+      }
+    },
+    [isFetchingNextPage]
+  );
+  const handleOpenChange = (open2) => {
+    if (!open2) {
+      setUncontrolledSearchValue("");
+    }
+    setOpen(open2);
+  };
+  const hasValue = selectedValues?.length > 0;
+  const showTag = hasValue && isArrayValue;
+  const showSelected = showTag && !searchValue && !open;
+  const hideInput = forceHideInput || !isArrayValue && hasValue && !open;
+  const selectedLabel = options.find((o) => o.value === selectedValues)?.label;
+  const hidePlaceholder = showSelected || open;
+  const tagWidth = useMemo(() => {
+    if (!Array.isArray(selectedValues)) {
+      return TAG_BASE_WIDTH + TABLUAR_NUM_WIDTH;
+    }
+    const count = selectedValues.length;
+    const digits = count.toString().length;
+    return TAG_BASE_WIDTH + digits * TABLUAR_NUM_WIDTH;
+  }, [selectedValues]);
+  const results = useMemo(() => {
+    return isSearchControlled ? options : matches;
+  }, [matches, options, isSearchControlled]);
+  return /* @__PURE__ */ jsxs(
+    PrimitiveComboboxProvider,
+    {
+      open,
+      setOpen: handleOpenChange,
+      selectedValue: selectedValues,
+      setSelectedValue: (value) => handleValueChange(value),
+      value: uncontrolledSearchValue,
+      setValue: (query) => {
+        startTransition(() => handleSearchChange(query));
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clx(
+              "relative flex cursor-pointer items-center gap-x-2 overflow-hidden",
+              "h-8 w-full rounded-md",
+              "bg-ui-bg-field transition-fg shadow-borders-base",
+              "has-[input:focus]:shadow-borders-interactive-with-active",
+              "has-[:invalid]:shadow-borders-error has-[[aria-invalid=true]]:shadow-borders-error",
+              "has-[:disabled]:bg-ui-bg-disabled has-[:disabled]:text-ui-fg-disabled has-[:disabled]:cursor-not-allowed",
+              className
+            ),
+            style: {
+              "--tag-width": `${tagWidth}px`
+            },
+            children: [
+              showTag && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleValueChange(isArrayValue ? [] : void 0);
+                  },
+                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute start-0.5 top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border py-[3px] pe-1 ps-1.5 outline-none",
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: selectedValues.length }),
+                    /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "relative flex size-full items-center", children: [
+                showSelected && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clx(
+                      "pointer-events-none absolute inset-y-0 flex size-full items-center",
+                      {
+                        "start-[calc(var(--tag-width)+8px)]": showTag,
+                        "start-2": !showTag
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", children: t("general.selected") })
+                  }
+                ),
+                hideInput && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: clx(
+                      "pointer-events-none absolute inset-y-0 flex size-full items-center overflow-hidden",
+                      {
+                        "start-[calc(var(--tag-width)+8px)]": showTag,
+                        "start-2": !showTag
+                      }
+                    ),
+                    children: /* @__PURE__ */ jsx(Text, { size: "small", leading: "compact", className: "truncate", children: selectedLabel })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  PrimitiveCombobox,
+                  {
+                    autoSelect: true,
+                    ref: comboboxRef,
+                    onFocus: () => setOpen(true),
+                    className: clx(
+                      "txt-compact-small text-ui-fg-base !placeholder:text-ui-fg-muted transition-fg size-full cursor-pointer bg-transparent pe-8 ps-2 outline-none focus:cursor-text",
+                      "hover:bg-ui-bg-field-hover",
+                      {
+                        "opacity-0": hideInput,
+                        "ps-2": !showTag,
+                        "ps-[calc(var(--tag-width)+8px)]": showTag
+                      }
+                    ),
+                    placeholder: hidePlaceholder ? void 0 : placeholder,
+                    ...inputProps
+                  }
+                )
+              ] }),
+              allowClear && controlledValue && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleValueChange(void 0);
+                  },
+                  className: "bg-ui-bg-base hover:bg-ui-bg-base-hover txt-compact-small-plus text-ui-fg-subtle focus-within:border-ui-fg-interactive transition-fg absolute end-[28px] top-0.5 z-[1] flex h-[28px] items-center rounded-[4px] border px-1.5 py-[2px] outline-none",
+                  children: /* @__PURE__ */ jsx(XMarkMini, { className: "text-ui-fg-muted" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                PrimitiveComboboxDisclosure,
+                {
+                  render: (props) => {
+                    return /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        ...props,
+                        type: "button",
+                        className: "text-ui-fg-muted transition-fg hover:bg-ui-bg-field-hover absolute end-0 flex size-8 items-center justify-center rounded-r outline-none",
+                        children: /* @__PURE__ */ jsx(TrianglesMini, {})
+                      }
+                    );
+                  }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          PrimitiveComboboxPopover,
+          {
+            gutter: 4,
+            sameWidth: true,
+            ref: listboxRef,
+            role: "listbox",
+            className: clx(
+              "shadow-elevation-flyout bg-ui-bg-base z-50 rounded-[8px] p-1",
+              "max-h-[200px] overflow-y-auto",
+              "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+              "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+              "data-[side=bottom]:slide-in-from-top-2 data-[side=start]:slide-in-from-end-2 data-[side=end]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2"
+            ),
+            style: {
+              pointerEvents: open ? "auto" : "none"
+            },
+            "aria-busy": isPending,
+            children: [
+              results.map(({ value, label, disabled }) => /* @__PURE__ */ jsxs(
+                PrimitiveComboboxItem,
+                {
+                  value,
+                  focusOnHover: true,
+                  setValueOnClick: false,
+                  disabled,
+                  className: clx(
+                    "transition-fg bg-ui-bg-base data-[active-item=true]:bg-ui-bg-base-hover group flex cursor-pointer items-center gap-x-2 rounded-[4px] px-2 py-1",
+                    {
+                      "text-ui-fg-disabled": disabled,
+                      "bg-ui-bg-component": disabled
+                    }
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(PrimitiveComboboxItemCheck, { className: "flex !size-5 items-center justify-center", children: isArrayValue ? /* @__PURE__ */ jsx(CheckMini, {}) : /* @__PURE__ */ jsx(EllipseMiniSolid, {}) }),
+                    /* @__PURE__ */ jsx(PrimitiveComboboxItemValue, { className: "txt-compact-small", children: label })
+                  ]
+                },
+                value
+              )),
+              !!fetchNextPage && /* @__PURE__ */ jsx("div", { ref: lastOptionRef, className: "w-px" }),
+              isFetchingNextPage && /* @__PURE__ */ jsx("div", { className: "transition-fg bg-ui-bg-base flex items-center rounded-[4px] px-2 py-1.5", children: /* @__PURE__ */ jsx("div", { className: "bg-ui-bg-component size-full h-5 w-full animate-pulse rounded-[4px]" }) }),
+              !results.length && (noResultsPlaceholder && !searchValue?.length ? noResultsPlaceholder : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2 rounded-[4px] px-2 py-1.5", children: /* @__PURE__ */ jsx(
+                Text,
+                {
+                  size: "small",
+                  leading: "compact",
+                  className: "text-ui-fg-subtle",
+                  children: t("general.noResultsTitle")
+                }
+              ) })),
+              !results.length && onCreateOption && /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(PrimitiveSeparator, { className: "bg-ui-border-base -mx-1" }),
+                /* @__PURE__ */ jsxs(
+                  PrimitiveComboboxItem,
+                  {
+                    value: uncontrolledSearchValue,
+                    focusOnHover: true,
+                    setValueOnClick: false,
+                    className: "transition-fg bg-ui-bg-base data-[active-item=true]:bg-ui-bg-base-hover group mt-1 flex cursor-pointer items-center gap-x-2 rounded-[4px] px-2 py-1.5",
+                    children: [
+                      /* @__PURE__ */ jsx(PlusMini, { className: "text-ui-fg-subtle" }),
+                      /* @__PURE__ */ jsxs(Text, { size: "small", leading: "compact", children: [
+                        t("actions.create"),
+                        ' "',
+                        searchValue,
+                        '"'
+                      ] })
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var Combobox = genericForwardRef(ComboboxImpl);
+
+export {
+  Combobox
+};

package/dist/chunk-AYVH6Q5O.js

@@ -0,0 +1,31 @@
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+
+// src/hooks/table/query/use-tax-region-table-query.tsx
+var useTaxRegionTableQuery = ({
+  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
+  };
+};
+
+export {
+  useTaxRegionTableQuery
+};

package/dist/chunk-AZVAL5E5.js

@@ -0,0 +1,303 @@
+import {
+  TextCell,
+  TextHeader
+} from "./chunk-JHIMVLB2.js";
+import {
+  useDeleteProductCategoryAction
+} from "./chunk-R55Q5LAH.js";
+import {
+  getCategoryPath,
+  getIsActiveProps,
+  getIsInternalProps
+} from "./chunk-Y456KVIN.js";
+import {
+  StatusCell
+} from "./chunk-DB6ANJBO.js";
+import {
+  _DataTable,
+  useDataTable
+} from "./chunk-ULJ3OMWU.js";
+import {
+  SingleColumnPage
+} from "./chunk-XIZLPYEE.js";
+import {
+  ActionMenu
+} from "./chunk-BDGZ4EQO.js";
+import {
+  useQueryParams
+} from "./chunk-THHRRYRS.js";
+import {
+  useProductCategories
+} from "./chunk-XFKRBJLK.js";
+
+// src/pages/categories/category-list/category-list.tsx
+import { Children as Children3 } from "react";
+
+// src/pages/categories/category-list/components/category-list-table/category-list-table.tsx
+import { Children as Children2 } from "react";
+import { Container } from "@medusajs/ui";
+
+// src/pages/categories/category-list/components/category-list-table/category-list-header.tsx
+import { Children } from "react";
+import { Button, Heading, Text } from "@medusajs/ui";
+import { useTranslation } from "react-i18next";
+import { Link } from "react-router-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var CategoryListTitle = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(Heading, { children: t("categories.domain") }),
+    /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: t("categories.subtitle") })
+  ] });
+};
+var CategoryListActions = ({
+  children
+}) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-2", children: Children.count(children) > 0 ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx(Link, { to: "organize", children: t("categories.organize.action") }) }),
+    /* @__PURE__ */ jsx(Button, { size: "small", variant: "secondary", asChild: true, children: /* @__PURE__ */ jsx(Link, { to: "create", children: t("actions.create") }) })
+  ] }) });
+};
+var CategoryListHeader = ({
+  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(CategoryListTitle, {}),
+    /* @__PURE__ */ jsx(CategoryListActions, {})
+  ] }) });
+};
+
+// src/pages/categories/category-list/components/category-list-table/category-list-data-table.tsx
+import { PencilSquare, Trash } from "@medusajs/icons";
+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/pages/categories/category-list/components/category-list-table/use-category-table-columns.tsx
+import { TriangleRightMini } from "@medusajs/icons";
+import { IconButton, Text as Text2, clx } from "@medusajs/ui";
+import { createColumnHelper } from "@tanstack/react-table";
+import { useMemo } from "react";
+import { useTranslation as useTranslation2 } from "react-i18next";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var columnHelper = createColumnHelper();
+var useCategoryTableColumns = () => {
+  const { t } = useTranslation2();
+  return useMemo(
+    () => [
+      columnHelper.accessor("name", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("fields.name") }),
+        cell: ({ getValue, row }) => {
+          const expandHandler = row.getToggleExpandedHandler();
+          if (row.original.parent_category !== void 0) {
+            const path = getCategoryPath(row.original);
+            return /* @__PURE__ */ jsx2("div", { className: "flex size-full items-center gap-1 overflow-hidden", children: path.map((chip, index) => /* @__PURE__ */ jsxs2(
+              "div",
+              {
+                className: clx("overflow-hidden", {
+                  "text-ui-fg-muted flex items-center gap-x-1": index !== path.length - 1
+                }),
+                children: [
+                  /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", className: "truncate", children: chip.name }),
+                  index !== path.length - 1 && /* @__PURE__ */ jsx2(Text2, { size: "small", leading: "compact", children: "/" })
+                ]
+              },
+              chip.id
+            )) });
+          }
+          return /* @__PURE__ */ jsxs2("div", { className: "flex size-full items-center gap-x-3 overflow-hidden", children: [
+            /* @__PURE__ */ jsx2("div", { className: "flex size-7 items-center justify-center", children: row.getCanExpand() ? /* @__PURE__ */ jsx2(
+              IconButton,
+              {
+                type: "button",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  e.preventDefault();
+                  expandHandler();
+                },
+                size: "small",
+                variant: "transparent",
+                className: "text-ui-fg-subtle",
+                children: /* @__PURE__ */ jsx2(
+                  TriangleRightMini,
+                  {
+                    className: clx({
+                      "rotate-90 transition-transform will-change-transform": row.getIsExpanded()
+                    })
+                  }
+                )
+              }
+            ) : null }),
+            /* @__PURE__ */ jsx2("span", { className: "truncate", children: getValue() })
+          ] });
+        }
+      }),
+      columnHelper.accessor("handle", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("fields.handle") }),
+        cell: ({ getValue }) => {
+          return /* @__PURE__ */ jsx2(TextCell, { text: `/${getValue()}` });
+        }
+      }),
+      columnHelper.accessor("is_active", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("fields.status") }),
+        cell: ({ getValue }) => {
+          const { color, label } = getIsActiveProps(getValue(), t);
+          return /* @__PURE__ */ jsx2(StatusCell, { color, children: label });
+        }
+      }),
+      columnHelper.accessor("is_internal", {
+        header: () => /* @__PURE__ */ jsx2(TextHeader, { text: t("categories.fields.visibility.label") }),
+        cell: ({ getValue }) => {
+          const { color, label } = getIsInternalProps(getValue(), t);
+          return /* @__PURE__ */ jsx2(StatusCell, { color, children: label });
+        }
+      })
+    ],
+    [t]
+  );
+};
+
+// src/pages/categories/category-list/components/category-list-table/use-category-table-query.tsx
+var useCategoryTableQuery = ({
+  pageSize = 20,
+  prefix
+}) => {
+  const raw = useQueryParams(["q", "offset", "order"], prefix);
+  const searchParams = {
+    q: raw.q,
+    limit: pageSize,
+    offset: raw.offset ? Number(raw.offset) : 0,
+    order: raw.order
+  };
+  return {
+    raw,
+    searchParams
+  };
+};
+
+// src/pages/categories/category-list/components/category-list-table/category-list-data-table.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PAGE_SIZE = 20;
+var CategoryListDataTable = () => {
+  const { raw, searchParams } = useCategoryTableQuery({ pageSize: PAGE_SIZE });
+  const query = raw.q ? {
+    include_ancestors_tree: true,
+    fields: "id,name,handle,is_active,is_internal,parent_category",
+    ...searchParams
+  } : {
+    include_descendants_tree: true,
+    parent_category_id: "null",
+    fields: "id,name,category_children,handle,is_internal,is_active",
+    ...searchParams
+  };
+  const { product_categories, count, isLoading, isError, error } = useProductCategories(
+    {
+      ...query
+    },
+    {
+      placeholderData: keepPreviousData
+    }
+  );
+  const columns = useColumns();
+  const { table } = useDataTable({
+    data: product_categories || [],
+    columns,
+    count,
+    getRowId: (original) => original.id,
+    getSubRows: (original) => original.category_children,
+    enableExpandableRows: true,
+    pageSize: PAGE_SIZE
+  });
+  if (isError) {
+    throw error;
+  }
+  return /* @__PURE__ */ jsx3(
+    _DataTable,
+    {
+      table,
+      columns,
+      count,
+      pageSize: PAGE_SIZE,
+      isLoading,
+      navigateTo: (row) => row.id,
+      queryObject: raw,
+      search: true,
+      pagination: true
+    }
+  );
+};
+var CategoryRowActions = ({
+  category
+}) => {
+  const { t } = useTranslation3();
+  const handleDelete = useDeleteProductCategoryAction(category);
+  return /* @__PURE__ */ jsx3(
+    ActionMenu,
+    {
+      groups: [
+        {
+          actions: [
+            {
+              label: t("actions.edit"),
+              icon: /* @__PURE__ */ jsx3(PencilSquare, {}),
+              to: `${category.id}/edit`
+            }
+          ]
+        },
+        {
+          actions: [
+            {
+              label: t("actions.delete"),
+              icon: /* @__PURE__ */ jsx3(Trash, {}),
+              onClick: handleDelete
+            }
+          ]
+        }
+      ]
+    }
+  );
+};
+var columnHelper2 = createColumnHelper2();
+var useColumns = () => {
+  const base = useCategoryTableColumns();
+  return useMemo2(
+    () => [
+      ...base,
+      columnHelper2.display({
+        id: "actions",
+        cell: ({ row }) => {
+          return /* @__PURE__ */ jsx3(CategoryRowActions, { category: row.original });
+        }
+      })
+    ],
+    [base]
+  );
+};
+
+// src/pages/categories/category-list/components/category-list-table/category-list-table.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var CategoryListTable = ({ children }) => {
+  return /* @__PURE__ */ jsx4(Container, { className: "divide-y p-0", children: Children2.count(children) > 0 ? children : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx4(CategoryListHeader, {}),
+    /* @__PURE__ */ jsx4(CategoryListDataTable, {})
+  ] }) });
+};
+
+// src/pages/categories/category-list/category-list.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Root = ({ children }) => {
+  return /* @__PURE__ */ jsx5(SingleColumnPage, { hasOutlet: true, children: Children3.count(children) > 0 ? children : /* @__PURE__ */ jsx5(CategoryListTable, {}) });
+};
+var CategoryListPage = Object.assign(Root, {
+  Table: CategoryListTable,
+  Header: CategoryListHeader,
+  HeaderTitle: CategoryListTitle,
+  HeaderActions: CategoryListActions,
+  DataTable: CategoryListDataTable
+});
+
+export {
+  CategoryListPage
+};