@mercurjs/admin 2.0.2 → 2.1.0-canary.5

package/dist/{chunk-U3OWJE7V.js → chunk-72Q2T2FK.js}

@@ -271,7 +271,7 @@ var useDataGridCell = ({
     return anchor ? isCellMatch(coords, anchor) : false;
   }, [anchor, coords]);
   const fieldWithoutOverlay = useMemo(() => {
-    return type === "boolean";
+    return type === "boolean" || type === "select";
   }, [type]);
   useEffect(() => {
     if (isAnchor && !containerRef.current?.contains(document.activeElement)) {
@@ -3661,11 +3661,91 @@ var DataGridRowSkeleton = ({
   );
 };
 
+// src/components/data-grid/components/data-grid-select-cell.tsx
+import { Select, clx as clx7 } from "@medusajs/ui";
+import { Controller as Controller5 } from "react-hook-form";
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+var DataGridSelectCell = ({
+  context,
+  options,
+  placeholder
+}) => {
+  const { field, control, renderProps } = useDataGridCell({ context });
+  const errorProps = useDataGridCellError({ context });
+  const { container, input } = renderProps;
+  return /* @__PURE__ */ jsx11(
+    Controller5,
+    {
+      control,
+      name: field,
+      render: ({ field: field2 }) => /* @__PURE__ */ jsx11(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx11(
+        Inner5,
+        {
+          field: field2,
+          inputProps: input,
+          options,
+          placeholder
+        }
+      ) })
+    }
+  );
+};
+var Inner5 = ({
+  field,
+  inputProps,
+  options,
+  placeholder
+}) => {
+  const { ref, value, onChange, onBlur, ...fieldProps } = field;
+  const {
+    ref: inputRef,
+    onChange: _onInputChange,
+    onBlur: onInputBlur,
+    onFocus,
+    ...attributes
+  } = inputProps;
+  const combinedRefs = useCombinedRefs(inputRef, ref);
+  const selectedOption = options.find((option) => option.value === value);
+  return /* @__PURE__ */ jsxs8(
+    Select,
+    {
+      value: value ?? "",
+      onValueChange: (next) => {
+        onChange(next);
+        onBlur();
+        onInputBlur();
+      },
+      ...fieldProps,
+      children: [
+        /* @__PURE__ */ jsx11(
+          Select.Trigger,
+          {
+            ref: combinedRefs,
+            onFocus,
+            onBlur: () => {
+              onBlur();
+              onInputBlur();
+            },
+            className: clx7(
+              "size-full rounded-none border-0 bg-transparent px-0 text-left shadow-none",
+              "focus:shadow-none data-[state=open]:!shadow-none hover:bg-transparent"
+            ),
+            tabIndex: -1,
+            ...attributes,
+            children: /* @__PURE__ */ jsx11(Select.Value, { placeholder, children: selectedOption?.label ?? placeholder })
+          }
+        ),
+        /* @__PURE__ */ jsx11(Select.Content, { children: options.map((option) => /* @__PURE__ */ jsx11(Select.Item, { value: option.value, children: option.label }, option.value)) })
+      ]
+    }
+  );
+};
+
 // src/components/data-grid/components/data-grid-text-cell.tsx
-import { clx as clx7 } from "@medusajs/ui";
+import { clx as clx8 } from "@medusajs/ui";
 import { useEffect as useEffect7, useRef as useRef5, useState as useState10 } from "react";
-import { Controller as Controller5 } from "react-hook-form";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { Controller as Controller6 } from "react-hook-form";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var DataGridTextCell = ({
   context
 }) => {
@@ -3674,18 +3754,18 @@ var DataGridTextCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx11(
-    Controller5,
+  return /* @__PURE__ */ jsx12(
+    Controller6,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx11(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx11(Inner5, { field: field2, inputProps: input }) });
+        return /* @__PURE__ */ jsx12(DataGridCellContainer, { ...container, ...errorProps, children: /* @__PURE__ */ jsx12(Inner6, { field: field2, inputProps: input }) });
       }
     }
   );
 };
-var Inner5 = ({
+var Inner6 = ({
   field,
   inputProps
 }) => {
@@ -3697,10 +3777,10 @@ var Inner5 = ({
     setLocalValue(value);
   }, [value]);
   const combinedRefs = useCombinedRefs(inputRef, ref, inputElRef);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "input",
     {
-      className: clx7(
+      className: clx8(
         "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer bg-transparent outline-none",
         "focus:cursor-text",
         "items-center justify-center"
@@ -3722,11 +3802,11 @@ var Inner5 = ({
 };
 
 // src/components/data-grid/components/data-grid-textarea-modal-cell.tsx
-import { clx as clx8, Textarea } from "@medusajs/ui";
+import { clx as clx9, Textarea } from "@medusajs/ui";
 import { Popover as RadixPopover } from "radix-ui";
 import { useCallback as useCallback16, useEffect as useEffect8, useRef as useRef6, useState as useState11 } from "react";
-import { Controller as Controller6 } from "react-hook-form";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Controller as Controller7 } from "react-hook-form";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var DataGridExpandableTextCell = ({
   context,
   fieldLabel
@@ -3736,14 +3816,14 @@ var DataGridExpandableTextCell = ({
   });
   const errorProps = useDataGridCellError({ context });
   const { container, input } = renderProps;
-  return /* @__PURE__ */ jsx12(
-    Controller6,
+  return /* @__PURE__ */ jsx13(
+    Controller7,
     {
       control,
       name: field,
       render: ({ field: field2 }) => {
-        return /* @__PURE__ */ jsx12(
-          Inner6,
+        return /* @__PURE__ */ jsx13(
+          Inner7,
           {
             field: field2,
             inputProps: input,
@@ -3756,7 +3836,7 @@ var DataGridExpandableTextCell = ({
     }
   );
 };
-var Inner6 = ({
+var Inner7 = ({
   field,
   inputProps,
   fieldLabel: _fieldLabel,
@@ -3844,7 +3924,7 @@ var Inner6 = ({
   }, []);
   const displayValue = localValue || "";
   const truncatedValue = displayValue.length > 50 ? `${displayValue.substring(0, 50)}...` : displayValue;
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     RadixPopover.Root,
     {
       open: isPopoverOpen,
@@ -3856,18 +3936,18 @@ var Inner6 = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs8(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
-          /* @__PURE__ */ jsx12(RadixPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsxs9(DataGridCellContainer, { ...customContainer, ...errorProps, children: [
+          /* @__PURE__ */ jsx13(RadixPopover.Anchor, { asChild: true, children: /* @__PURE__ */ jsx13(
             "div",
             {
-              className: clx8(
+              className: clx9(
                 "txt-compact-small text-ui-fg-subtle flex size-full cursor-pointer items-center justify-center bg-transparent outline-none",
                 "focus:cursor-text"
               ),
-              children: /* @__PURE__ */ jsx12("span", { className: "w-full truncate text-center", children: truncatedValue })
+              children: /* @__PURE__ */ jsx13("span", { className: "w-full truncate text-center", children: truncatedValue })
             }
           ) }),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "input",
             {
               className: "sr-only",
@@ -3886,10 +3966,10 @@ var Inner6 = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx12(RadixPopover.Portal, { children: /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(RadixPopover.Portal, { children: /* @__PURE__ */ jsx13(
           RadixPopover.Content,
           {
-            className: clx8(
+            className: clx9(
               "bg-ui-bg-base shadow-elevation-flyout flex max-h-[80vh] w-[600px] overflow-hidden p-0 outline-none"
             ),
             align: "start",
@@ -3899,7 +3979,7 @@ var Inner6 = ({
             collisionPadding: 24,
             onEscapeKeyDown: handlePopoverSave,
             onKeyDown: handlePopoverKeyDown,
-            children: /* @__PURE__ */ jsx12("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ jsx12(
+            children: /* @__PURE__ */ jsx13("div", { ref: popoverContentRef, className: "h-full w-full", children: /* @__PURE__ */ jsx13(
               Textarea,
               {
                 value: popoverValue,
@@ -3918,7 +3998,7 @@ var Inner6 = ({
 };
 
 // src/components/data-grid/data-grid.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var _DataGrid = ({
   isLoading,
   // Lazy loading props - passed through to DataGridRoot
@@ -3928,13 +4008,13 @@ var _DataGrid = ({
   hasNextPage,
   ...props
 }) => {
-  return isLoading ? /* @__PURE__ */ jsx13(
+  return isLoading ? /* @__PURE__ */ jsx14(
     DataGridSkeleton,
     {
       columns: props.columns,
       rows: props.data?.length && props.data.length > 0 ? props.data.length : 10
     }
-  ) : /* @__PURE__ */ jsx13(
+  ) : /* @__PURE__ */ jsx14(
     DataGridRoot,
     {
       ...props,
@@ -3952,7 +4032,8 @@ var DataGrid = Object.assign(_DataGrid, {
   ExpandableTextCell: DataGridExpandableTextCell,
   NumberCell: DataGridNumberCell,
   CurrencyCell: DataGridCurrencyCell,
-  ReadonlyCell: DataGridReadonlyCell
+  ReadonlyCell: DataGridReadonlyCell,
+  SelectCell: DataGridSelectCell
 });
 
 // src/components/data-grid/helpers/create-data-grid-column-helper.ts
@@ -3994,23 +4075,23 @@ function createDataGridHelper() {
 import { TaxExclusive, TaxInclusive } from "@medusajs/icons";
 import { Tooltip as Tooltip3 } from "@medusajs/ui";
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var IncludesTaxTooltip = ({
   includesTax
 }) => {
   const { t } = useTranslation4();
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Tooltip3,
     {
       maxWidth: 999,
       content: includesTax ? t("general.includesTaxTooltip") : t("general.excludesTaxTooltip"),
-      children: includesTax ? /* @__PURE__ */ jsx14(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx14(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
+      children: includesTax ? /* @__PURE__ */ jsx15(TaxInclusive, { className: "text-ui-fg-muted shrink-0" }) : /* @__PURE__ */ jsx15(TaxExclusive, { className: "text-ui-fg-muted shrink-0" })
     }
   );
 };
 
 // src/components/data-grid/helpers/create-data-grid-price-columns.tsx
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 var createDataGridPriceColumns = ({
   currencies: currencies2,
   regions,
@@ -4041,15 +4122,15 @@ var createDataGridPriceColumns = ({
           return getFieldName(context, currency);
         },
         type: "number",
-        header: () => /* @__PURE__ */ jsxs9("div", { className: "flex w-full items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx15("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
-          /* @__PURE__ */ jsx15(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        header: () => /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx16("span", { className: "truncate", title: translatedCurrencyName, children: translatedCurrencyName }),
+          /* @__PURE__ */ jsx16(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
         ] }),
         cell: (context) => {
           if (isReadyOnly?.(context)) {
-            return /* @__PURE__ */ jsx15(DataGridReadonlyCell, { context });
+            return /* @__PURE__ */ jsx16(DataGridReadonlyCell, { context });
           }
-          return /* @__PURE__ */ jsx15(DataGridCurrencyCell, { code: currency, context });
+          return /* @__PURE__ */ jsx16(DataGridCurrencyCell, { code: currency, context });
         }
       });
     }) ?? [],
@@ -4073,19 +4154,19 @@ var createDataGridPriceColumns = ({
           return getFieldName(context, region.id);
         },
         type: "number",
-        header: () => /* @__PURE__ */ jsxs9("div", { className: "flex w-full items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx15("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
-          /* @__PURE__ */ jsx15(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
+        header: () => /* @__PURE__ */ jsxs10("div", { className: "flex w-full items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx16("span", { className: "truncate", title: translatedRegionName, children: translatedRegionName }),
+          /* @__PURE__ */ jsx16(IncludesTaxTooltip, { includesTax: preference?.is_tax_inclusive })
         ] }),
         cell: (context) => {
           if (isReadyOnly?.(context)) {
-            return /* @__PURE__ */ jsx15(DataGridReadonlyCell, { context });
+            return /* @__PURE__ */ jsx16(DataGridReadonlyCell, { context });
           }
           const currency = currencies2?.find((c) => c === region.currency_code);
           if (!currency) {
             return null;
           }
-          return /* @__PURE__ */ jsx15(
+          return /* @__PURE__ */ jsx16(
             DataGridCurrencyCell,
             {
               code: region.currency_code,

package/dist/{chunk-J24SOKSP.js → chunk-73JXHNUH.js}

@@ -25,16 +25,16 @@ import {
   useAttributes,
   useDeleteAttribute,
   useUpdateAttribute
-} from "./chunk-XMVTX2EN.js";
+} from "./chunk-7O5NDICV.js";
 import {
   useProductCategories
-} from "./chunk-52BRBQMY.js";
+} from "./chunk-Z2QQZOG3.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-ZBWL72TB.js";
 
 // src/pages/attributes/attribute-list/loader.ts
 var attributeListQuery = () => ({

package/dist/{chunk-XMVTX2EN.js → chunk-7O5NDICV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-ZBWL72TB.js";
 
 // src/hooks/api/attributes.ts
 import {

package/dist/{chunk-SDPR7PGR.js → chunk-7URRKQIX.js}

@@ -19,7 +19,7 @@ import {
 import {
   StackedFocusModal,
   useStackedModal
-} from "./chunk-OV7R2AH5.js";
+} from "./chunk-FWJLS7XD.js";
 import {
   Form
 } from "./chunk-3QSRE5LS.js";

package/dist/{chunk-4G5FEKRO.js → chunk-A3HOLGBF.js}

@@ -30,7 +30,7 @@ import {
   useApiKeys,
   useDeleteApiKey,
   useRevokeApiKey
-} from "./chunk-YNIIYGL4.js";
+} from "./chunk-YKDEE7ZL.js";
 
 // src/pages/api-key-management/api-key-management-list/api-key-management-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-CBHNHLUZ.js → chunk-AEMDNTW5.js}

@@ -1,6 +1,6 @@
 import {
   taxRegionsQueryKeys
-} from "./chunk-VME3CJER.js";
+} from "./chunk-LYD3C73Z.js";
 import {
   queryClient
 } from "./chunk-RHKRREUU.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk-ZA2KFUFR.js";
 import {
   sdk
-} from "./chunk-RIN4CBRB.js";
+} from "./chunk-ZBWL72TB.js";
 
 // src/hooks/api/tax-rates.tsx
 import {

package/dist/{chunk-JSBQOQXC.js → chunk-AGB4RMSE.js}

@@ -20,7 +20,7 @@ import {
 import {
   useDeleteRegion,
   useRegions
-} from "./chunk-W5UPPL3W.js";
+} from "./chunk-ESPLVOFC.js";
 
 // src/pages/regions/region-list/region-list.tsx
 import { Children as Children3 } from "react";

package/dist/{chunk-SDQ6V2QY.js → chunk-ANHC5MBQ.js}

@@ -3,17 +3,17 @@ import {
 } from "./chunk-54TMLQH3.js";
 import {
   CreateCampaignFormFields
-} from "./chunk-YTPCWCA3.js";
+} from "./chunk-GU4T2RAQ.js";
 import {
   KeyboundForm
 } from "./chunk-U2ZFCAPX.js";
 import {
   RouteFocusModal,
   useRouteModal
-} from "./chunk-OV7R2AH5.js";
+} from "./chunk-FWJLS7XD.js";
 import {
   useCreateCampaign
-} from "./chunk-HAFZQK53.js";
+} from "./chunk-ZN7LWXVC.js";
 
 // src/pages/campaigns/campaign-create/components/create-campaign-form/create-campaign-form.tsx
 import { zodResolver } from "@hookform/resolvers/zod";