@snksergio/design-system 0.44.0 → 0.46.0

package/dist-lib/chunks/{panel-CvfP8eP1.cjs → panel-DTVjD2gJ.cjs}

@@ -3,14 +3,14 @@ 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);
 const jsxRuntime = require("react/jsx-runtime");
-const sheet = require("./sheet-j-d_UX7R.cjs");
 const React = require("react");
+const sheet = require("./sheet-j-d_UX7R.cjs");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 const reactVirtual = require("@tanstack/react-virtual");
 const avatar = require("./avatar-eM5txRFZ.cjs");
 const lucideReact = require("lucide-react");
-const useTheme = require("./useTheme-C9Y6vxTf.cjs");
+const useTheme = require("./useTheme-BB3QhUpu.cjs");
 const input = require("./input-az2SuVXQ.cjs");
 const reactDom = require("react-dom");
 const dnd = require("@hello-pangea/dnd");
@@ -518,6 +518,7 @@ const FormFieldTextarea = React.forwardRef(
   )
 );
 FormFieldTextarea.displayName = "FormFieldTextarea";
+const SENTINELA_VAZIO = "__ds_select_vazio__";
 function FormFieldSelect({
   label,
   required,
@@ -537,6 +538,13 @@ function FormFieldSelect({
   triggerClassName,
   contentClassName
 }) {
+  const abertoRef = React.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__ */ jsxRuntime.jsx(
     FormField,
     {
@@ -553,9 +561,12 @@ function FormFieldSelect({
       children: ({ id: fieldId, state: fieldState }) => /* @__PURE__ */ jsxRuntime.jsxs(
         sheet.Select,
         {
-          value,
-          defaultValue,
-          onValueChange,
+          value: paraRadix(value),
+          defaultValue: paraRadix(defaultValue),
+          onValueChange: aoMudarValor,
+          onOpenChange: (aberto) => {
+            abertoRef.current = aberto;
+          },
           disabled,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -570,7 +581,7 @@ function FormFieldSelect({
             /* @__PURE__ */ jsxRuntime.jsx(sheet.SelectContent, { className: contentClassName, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
               sheet.SelectItem,
               {
-                value: opt.value,
+                value: paraRadix(opt.value),
                 disabled: opt.disabled,
                 children: opt.label
               },
@@ -9635,7 +9646,16 @@ function useGrabToScroll(scrollContainerRef, enabled, thresholdPx = 6) {
     ].join(",");
     const prevCursor = scroller.style.cursor;
     const prevUserSelect = scroller.style.userSelect;
-    scroller.style.cursor = "grab";
+    const syncCursor = () => {
+      const rolavel = scroller.scrollWidth > scroller.clientWidth;
+      scroller.style.cursor = rolavel ? "grab" : prevCursor;
+    };
+    syncCursor();
+    const ro = typeof ResizeObserver === "function" ? new ResizeObserver(syncCursor) : null;
+    if (ro) {
+      ro.observe(scroller);
+      if (scroller.firstElementChild) ro.observe(scroller.firstElementChild);
+    }
     let isPointerDown = false;
     let isDragging = false;
     let activePointerId = null;
@@ -9687,7 +9707,7 @@ function useGrabToScroll(scrollContainerRef, enabled, thresholdPx = 6) {
       isPointerDown = false;
       isDragging = false;
       activePointerId = null;
-      scroller.style.cursor = "grab";
+      syncCursor();
       scroller.style.userSelect = prevUserSelect;
       try {
         scroller.releasePointerCapture(event.pointerId);
@@ -9705,6 +9725,7 @@ function useGrabToScroll(scrollContainerRef, enabled, thresholdPx = 6) {
       scroller.removeEventListener("pointermove", onPointerMove);
       scroller.removeEventListener("pointerup", finish);
       scroller.removeEventListener("pointercancel", finish);
+      ro?.disconnect();
       scroller.style.cursor = prevCursor;
       scroller.style.userSelect = prevUserSelect;
     };
@@ -13060,4 +13081,4 @@ exports.useColumnResize = useColumnResize;
 exports.useColumnWidths = useColumnWidths;
 exports.useDataTableContext = useDataTableContext;
 exports.useFloatingPanelResize = useFloatingPanelResize;
-//# sourceMappingURL=panel-CvfP8eP1.cjs.map
+//# sourceMappingURL=panel-DTVjD2gJ.cjs.map