sellmate-design-system-react 9.0.0-beta.43 → 9.0.0-beta.44

package/dist/index.js

@@ -4265,6 +4265,13 @@ function SDraggableProvider({ children }) {
 function SDraggableGroup({ children, onMove, ...rest }) {
   return /* @__PURE__ */ jsx(SDraggableProviderInternal, { defaultGroup: "__legacy", legacyOnMove: onMove, children: /* @__PURE__ */ jsx("div", { ...rest, children }) });
 }
+var INTERACTIVE_DESCENDANT_SELECTOR = 'input,textarea,select,button,a[href],label,[contenteditable="true"],[role="button"],[role="checkbox"],[role="radio"],[role="switch"],[role="tab"],[role="menuitem"]';
+function isFromInteractiveDescendant(event) {
+  const target = event.target;
+  if (target == null || target === event.currentTarget) return false;
+  const interactive = target.closest?.(INTERACTIVE_DESCENDANT_SELECTOR);
+  return interactive != null && interactive !== event.currentTarget;
+}
 function reorder(items, fromIndex, toIndex) {
   if (fromIndex === toIndex) return items;
   const nextItems = [...items];
@@ -4348,6 +4355,7 @@ function SDraggableListInner({
   const listRef = useRef(null);
   const fromIndexRef = useRef(null);
   const currentSelectedKey = selectedKey ?? internalSelectedKey;
+  const selectable = selectedKey !== void 0 || defaultSelectedKey !== void 0 || onSelectedKeyChange != null;
   const usesDepth = getDepth != null;
   const depthEnabled = usesDepth && !gap;
   const groupDragging = dragContext?.dragging;
@@ -4507,20 +4515,28 @@ function SDraggableListInner({
           setInternalSelectedKey(itemKey);
           onSelectedKeyChange?.(itemKey);
         };
+        const handleItemClick = (event) => {
+          if (isFromInteractiveDescendant(event)) return;
+          selectItem();
+        };
         const handleItemKeyDown = (event) => {
+          if (event.target !== event.currentTarget) return;
           if (event.key !== "Enter" && event.key !== " ") return;
           event.preventDefault();
           selectItem();
         };
+        const selectionProps = selectable ? {
+          role: "button",
+          tabIndex: disabled ? -1 : 0,
+          onClick: handleItemClick,
+          onKeyDown: handleItemKeyDown
+        } : {};
         return /* @__PURE__ */ jsxs(
           "div",
           {
             "data-draggable-list-item": true,
-            role: "button",
-            tabIndex: disabled ? -1 : 0,
             "aria-disabled": disabled || void 0,
-            onClick: selectItem,
-            onKeyDown: handleItemKeyDown,
+            ...selectionProps,
             className: "relative",
             children: [
               showBefore && /* @__PURE__ */ jsx(
@@ -14656,6 +14672,16 @@ var formatInputWithCommas = (value) => {
   const formattedInt = addCommas(intPart === "" ? "0" : intPart);
   return `${isNeg ? "-" : ""}${formattedInt}${hasDecimal ? `.${decPart}` : ""}`;
 };
+var getRangeError = (value, min, max) => {
+  if (value === null) return "";
+  const belowMin = value < min;
+  const aboveMax = value > max;
+  if (!belowMin && !aboveMax) return "";
+  if (Number.isFinite(min) && Number.isFinite(max)) {
+    return `${formatWithCommas(min)}~${formatWithCommas(max)} \uC0AC\uC774\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.`;
+  }
+  return belowMin ? `${formatWithCommas(min)} \uC774\uC0C1\uC73C\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.` : `${formatWithCommas(max)} \uC774\uD558\uB85C \uC785\uB825\uD574 \uC8FC\uC138\uC694.`;
+};
 var getDecimalLimit = (allowDecimal, maxDecimalLength) => {
   if (!allowDecimal || maxDecimalLength === void 0 || !Number.isFinite(maxDecimalLength)) {
     return void 0;
@@ -14686,6 +14712,7 @@ var SNumberInput = /* @__PURE__ */ forwardRef(function SNumberInput2({
   min = Number.NEGATIVE_INFINITY,
   max = Number.POSITIVE_INFINITY,
   step = 1,
+  clampOnBlur = false,
   showButton = false,
   allowDecimal = false,
   maxDecimalLength,
@@ -14725,6 +14752,7 @@ var SNumberInput = /* @__PURE__ */ forwardRef(function SNumberInput2({
   const numValue = applyDecimalLimit(toNumber(value), decimalLimit);
   const [display, setDisplay] = useState(() => formatWithCommas(numValue));
   const [ruleError, setRuleError] = useState("");
+  const [rangeError, setRangeError] = useState("");
   const innerRef = useRef(null);
   const valueTooltip = useTruncatedValueTooltip({ enabled: readOnly && !disabled, text: display });
   const setRefs2 = (el) => {
@@ -14742,12 +14770,19 @@ var SNumberInput = /* @__PURE__ */ forwardRef(function SNumberInput2({
     validate: () => {
       const msg = runRules(numValue, rules);
       setRuleError(msg);
-      return msg === "";
+      const range = clampOnBlur ? "" : getRangeError(numValue, min, max);
+      setRangeError(range);
+      return msg === "" && range === "";
     },
-    resetValidation: () => setRuleError("")
+    resetValidation: () => {
+      setRuleError("");
+      setRangeError("");
+    }
   });
-  const resolvedError = error || ruleError !== "";
-  const resolvedStatus = status ?? (rules && rules.length > 0 ? ruleError !== "" ? "error" : void 0 : void 0);
+  const autoError = ruleError !== "" ? ruleError : rangeError;
+  const resolvedError = error || autoError !== "";
+  const resolvedStatus = status ?? (autoError !== "" ? "error" : void 0);
+  const resolvedErrorMessage = ruleError !== "" ? ruleError : (errorMessage ?? "") !== "" ? errorMessage : rangeError;
   const restoreCaret = (nextDisplay, logicalCaret) => {
     const input = innerRef.current;
     if (logicalCaret === void 0 || !input || document.activeElement !== input) return;
@@ -14879,7 +14914,7 @@ var SNumberInput = /* @__PURE__ */ forwardRef(function SNumberInput2({
       status: resolvedStatus,
       focused,
       hovered,
-      errorMessage: ruleError !== "" ? ruleError : errorMessage,
+      errorMessage: resolvedErrorMessage,
       width,
       disabled,
       readOnly,
@@ -14925,10 +14960,11 @@ var SNumberInput = /* @__PURE__ */ forwardRef(function SNumberInput2({
                 onBlur: (e) => {
                   const cleaned = display.replace(/,/g, "");
                   const n = toNumber(cleaned);
-                  const clamped = n === null ? null : Math.min(Math.max(n, min), max);
+                  const clamped = !clampOnBlur || n === null ? n : Math.min(Math.max(n, min), max);
                   if (clamped !== n) emit3(clamped);
                   else setDisplay(n === null ? "" : formatInputWithCommas(cleaned));
                   if (rules && rules.length > 0) setRuleError(runRules(clamped, rules));
+                  setRangeError(clampOnBlur ? "" : getRangeError(clamped, min, max));
                   onBlur?.(e);
                 },
                 className: cn(