@snksergio/design-system 0.44.0 → 0.45.0

package/dist-lib/chunks/{panel-CCPe1H70.mjs → panel-DtQi10ps.mjs}

@@ -2,8 +2,8 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { forwardRef, createContext, useContext, useId, useRef, useState, useCallback, useEffect, useMemo, Fragment as Fragment$1, useImperativeHandle, memo } from "react";
 import { A as AlertDialog, c as AlertDialogContent, f as AlertDialogHeader, i as AlertDialogTitle, d as AlertDialogDescription, e as AlertDialogFooter, b as AlertDialogCancel, a as AlertDialogAction, T as Textarea, S as Select, D as SelectTrigger, E as SelectValue, u as SelectContent, w as SelectItem, l as Checkbox, Q as Switch, C as Calendar$1, R as getPaginationRange, P as Pagination, o as PaginationFirst, t as PaginationPrevious, m as PaginationContent, p as PaginationItem, n as PaginationEllipsis, r as PaginationLink, s as PaginationNext, q as PaginationLast, N as SheetTitle, I as SheetDescription, G as SheetClose, F as Sheet, O as SheetTrigger, L as SheetOverlay } from "./sheet-D1vQth7X.mjs";
-import { forwardRef, createContext, useContext, useId, useState, useRef, useCallback, useEffect, useMemo, Fragment as Fragment$1, useImperativeHandle, memo } from "react";
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCorners, DragOverlay, useDroppable, useDraggable, closestCenter } from "@dnd-kit/core";
 import { useSortable, sortableKeyboardCoordinates, SortableContext, horizontalListSortingStrategy, arrayMove } from "@dnd-kit/sortable";
 import { useVirtualizer } from "@tanstack/react-virtual";
@@ -500,6 +500,7 @@ const FormFieldTextarea = forwardRef(
   )
 );
 FormFieldTextarea.displayName = "FormFieldTextarea";
+const SENTINELA_VAZIO = "__ds_select_vazio__";
 function FormFieldSelect({
   label,
   required,
@@ -519,6 +520,13 @@ function FormFieldSelect({
   triggerClassName,
   contentClassName
 }) {
+  const abertoRef = useRef(false);
+  const valorEhOrfao = value !== void 0 && value !== "" && !options.some((opt) => opt.value === value);
+  const paraRadix = (v) => v === "" ? SENTINELA_VAZIO : v;
+  const aoMudarValor = (proximo) => {
+    if (proximo === "" && valorEhOrfao && !abertoRef.current) return;
+    onValueChange?.(proximo === SENTINELA_VAZIO ? "" : proximo);
+  };
   return /* @__PURE__ */ jsx(
     FormField,
     {
@@ -535,9 +543,12 @@ function FormFieldSelect({
       children: ({ id: fieldId, state: fieldState }) => /* @__PURE__ */ jsxs(
         Select,
         {
-          value,
-          defaultValue,
-          onValueChange,
+          value: paraRadix(value),
+          defaultValue: paraRadix(defaultValue),
+          onValueChange: aoMudarValor,
+          onOpenChange: (aberto) => {
+            abertoRef.current = aberto;
+          },
           disabled,
           children: [
             /* @__PURE__ */ jsx(
@@ -552,7 +563,7 @@ function FormFieldSelect({
             /* @__PURE__ */ jsx(SelectContent, { className: contentClassName, children: options.map((opt) => /* @__PURE__ */ jsx(
               SelectItem,
               {
-                value: opt.value,
+                value: paraRadix(opt.value),
                 disabled: opt.disabled,
                 children: opt.label
               },
@@ -13044,4 +13055,4 @@ export {
   DataTableActionsCell as y,
   DataTableEditCell as z
 };
-//# sourceMappingURL=panel-CCPe1H70.mjs.map
+//# sourceMappingURL=panel-DtQi10ps.mjs.map