@open-mercato/core 0.5.1-develop.2953.6647bb2c43 → 0.5.1-develop.2964.d5ac4a6ebb

package/dist/modules/planner/components/AvailabilityRulesEditor.js

@@ -6,6 +6,13 @@ import { ScheduleView } from "@open-mercato/ui/backend/schedule";
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
 import { Input } from "@open-mercato/ui/primitives/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
 import { LoadingMessage, ErrorMessage } from "@open-mercato/ui/backend/detail";
 import { apiCall, apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { createCrud, deleteCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
@@ -1154,18 +1161,16 @@ function AvailabilityRulesEditor({
         onRulesetChange ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
           /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: listLabels.ruleSetLabel }),
           ruleSetsLoading ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: listLabels.ruleSetLoading }) : /* @__PURE__ */ jsxs(
-            "select",
+            Select,
             {
-              className: "h-9 rounded border bg-background px-2 text-sm",
-              value: rulesetId ?? "",
-              onChange: (event) => {
-                const value = event.target.value;
+              value: rulesetId || void 0,
+              onValueChange: (value) => {
                 void handleRuleSetChange(value ? value : null);
               },
               disabled: isReadOnly,
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: listLabels.ruleSetPlaceholder }),
-                ruleSets.map((ruleSet) => /* @__PURE__ */ jsx("option", { value: ruleSet.id, children: ruleSet.name }, ruleSet.id))
+                /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-auto min-w-[10rem]", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: listLabels.ruleSetPlaceholder }) }),
+                /* @__PURE__ */ jsx(SelectContent, { children: ruleSets.map((ruleSet) => /* @__PURE__ */ jsx(SelectItem, { value: ruleSet.id, children: ruleSet.name }, ruleSet.id)) })
               ]
             }
           ),
@@ -1522,13 +1527,15 @@ function AvailabilityRulesEditor({
                           ] }) : null
                         ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                           /* @__PURE__ */ jsx("label", { className: "text-xs text-muted-foreground", children: listLabels.applyScopeWeekday }),
-                          /* @__PURE__ */ jsx(
-                            "select",
+                          /* @__PURE__ */ jsxs(
+                            Select,
                             {
-                              className: "h-9 rounded border bg-background pl-2 pr-8 text-sm",
                               value: String(editorWeekday),
-                              onChange: (event) => setEditorWeekday(Number(event.target.value)),
-                              children: DAY_LABELS.map((day, index) => /* @__PURE__ */ jsx("option", { value: index, children: t(day.nameKey, day.fallback) }, day.code))
+                              onValueChange: (value) => setEditorWeekday(Number(value)),
+                              children: [
+                                /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "w-auto min-w-[8rem]", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                                /* @__PURE__ */ jsx(SelectContent, { children: DAY_LABELS.map((day, index) => /* @__PURE__ */ jsx(SelectItem, { value: String(index), children: t(day.nameKey, day.fallback) }, day.code)) })
+                              ]
                             }
                           )
                         ] }),