@wix/form-public 0.507.0 → 0.509.0

package/dist/index.js

@@ -43021,12 +43021,9 @@ var ScrollProvider = ({ children }) => {
       if (element && scrollViewRef.current) {
         const { top } = element.getBoundingClientRect();
         if (top < 0 || top > window.innerHeight) {
-          const headerHeight = getSiteHeaderHeight(scrollViewRef.current);
-          const wixAdHeight = getWixAdHeight();
-          const newTop = top + window.scrollY - 20 - headerHeight - wixAdHeight;
-          window.scrollTo({
-            top: newTop,
-            behavior: "smooth"
+          element.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
           });
         }
       }
@@ -43045,18 +43042,6 @@ function useScroll() {
   }
   return context;
 }
-function getSiteHeaderHeight(formElement) {
-  const classicHeader = document.querySelector("#SITE_HEADER");
-  const potentialHeader = formElement.closest("main")?.previousElementSibling;
-  const studioHeader = potentialHeader?.tagName === "HEADER" ? potentialHeader : void 0;
-  const header = classicHeader || studioHeader;
-  const headerPosition = header && window.getComputedStyle(header).position;
-  return header && (headerPosition === "sticky" || headerPosition === "fixed") ? header.getBoundingClientRect().height : 0;
-}
-function getWixAdHeight() {
-  const ad = document.querySelector("#WIX_ADS");
-  return ad && window.getComputedStyle(ad).position === "fixed" ? ad.getBoundingClientRect().height : 0;
-}
 
 // ../form-fields/dist/esm/contexts/translation-context.js
 var TranslationContext = createContext(void 0);
@@ -55357,19 +55342,12 @@ var useInvokeCallback = (callback) => {
 // ../form-fields/dist/esm/ui/events-repeater/events-repeater-headless.js
 var NO_ERRORS2 = [];
 var NO_VALUES = {};
-var GuestCount = ({ children, className, groupClassName, ...internal }) => {
+var GuestCount = ({ children, ...internal }) => {
   const { guestLimit, guestCount, onGuestCountChange } = internal;
-  const { id: id6, label, disabled, readOnly, onBlur, onFocus } = useFieldPropsV2();
-  const { inputId, ariaDescribedBy } = useFieldAttributes();
+  const { label, disabled, readOnly, onBlur, onFocus } = useFieldPropsV2();
   const invokeBlur = useInvokeCallback(onBlur);
-  const ref = useRef(null);
-  useFocusFieldEvent(() => {
-    ref.current?.focus();
-  }, id6);
-  const decrementElement = findChildOfType(children, GuestCount.Decrement);
-  const incrementElement = findChildOfType(children, GuestCount.Increment);
+  const controlElement = findChildOfType(children, GuestCount.Control);
   return /* @__PURE__ */ React172.createElement(NumberField, {
-    className: groupClassName,
     "aria-label": label,
     value: guestCount,
     onChange: onGuestCountChange,
@@ -55380,13 +55358,33 @@ var GuestCount = ({ children, className, groupClassName, ...internal }) => {
     isReadOnly: readOnly,
     onBlur: invokeBlur,
     onFocus
-  }, /* @__PURE__ */ React172.createElement(Input, {
+  }, controlElement);
+};
+var GuestCountControl = ({ children, className }) => {
+  const { disabled, readOnly } = useFieldPropsV2();
+  const inputElement = findChildOfType(children, GuestCount.Input);
+  const decrementElement = findChildOfType(children, GuestCount.Decrement);
+  const incrementElement = findChildOfType(children, GuestCount.Increment);
+  return /* @__PURE__ */ React172.createElement(Group, {
+    className,
+    isDisabled: disabled,
+    isReadOnly: readOnly
+  }, inputElement, incrementElement, decrementElement);
+};
+var GuestCountInput = ({ className }) => {
+  const { id: id6 } = useFieldPropsV2();
+  const { inputId, ariaDescribedBy } = useFieldAttributes();
+  const ref = useRef(null);
+  useFocusFieldEvent(() => {
+    ref.current?.focus();
+  }, id6);
+  return /* @__PURE__ */ React172.createElement(Input, {
     ref,
     id: inputId,
     "aria-describedby": ariaDescribedBy,
     className,
     inputMode: "numeric"
-  }), incrementElement, decrementElement);
+  });
 };
 var GuestCountDecrement = ({ children, className }) => {
   return /* @__PURE__ */ React172.createElement(Button, {
@@ -55495,6 +55493,8 @@ var Guest = ({ className, ...internal }) => {
     fieldActions
   }));
 };
+GuestCount.Control = GuestCountControl;
+GuestCount.Input = GuestCountInput;
 GuestCount.Decrement = GuestCountDecrement;
 GuestCount.Increment = GuestCountIncrement;
 GuestToggle.Input = SelectionIndicator;