@wix/form-public 0.499.0 → 0.500.0

package/dist/index.cjs

@@ -935,7 +935,7 @@ var require_codegen = __commonJS({
         return `${this.lhs} ${this.op}= ${this.rhs};` + _n2;
       }
     };
-    var Label2 = class extends Node2 {
+    var Label3 = class extends Node2 {
       constructor(label) {
         super();
         this.label = label;
@@ -1366,7 +1366,7 @@ var require_codegen = __commonJS({
       }
       // `label` statement
       label(label) {
-        return this._leafNode(new Label2(label));
+        return this._leafNode(new Label3(label));
       }
       // `break` statement
       break(label) {
@@ -27095,7 +27095,7 @@ var init_fullscreen_modal = __esm({
       onToggleFullscreen,
       t
     }) => {
-      const Icon = isInFullscreen ? ShrinkIcon : ExpandIcon;
+      const Icon2 = isInFullscreen ? ShrinkIcon : ExpandIcon;
       return /* @__PURE__ */ React172__default.default.createElement(
         "button",
         {
@@ -27105,7 +27105,7 @@ var init_fullscreen_modal = __esm({
           "aria-label": isInFullscreen ? t("Fullscreen_Shrink_Button_AriaLabel") : t("Fullscreen_Expand_Button_AriaLabel"),
           "data-hook": FULLSCREEN_TOGGLE_BUTTON
         },
-        /* @__PURE__ */ React172__default.default.createElement(Icon, { backgroundColor, foregroundColor })
+        /* @__PURE__ */ React172__default.default.createElement(Icon2, { backgroundColor, foregroundColor })
       );
     };
     pauseChildNodesVideos = (element) => Array.from(element?.getElementsByTagName("video") || []).forEach((video) => video.pause());
@@ -51077,7 +51077,7 @@ Label.Image = LabelImage;
 
 // ../form-fields/dist/esm/headless/styled/shared/use-element-state-class-name.js
 __toESM(require_classnames());
-React172.createContext({});
+React172.createContext(void 0);
 function useFocus({ onBlur, onFocus }) {
   const containerRef = React172.useRef(null);
   const isFocused = React172.useRef(false);
@@ -61567,26 +61567,40 @@ var NextButton = ({ className }) => {
     onPress: onNextClick
   }, nextText);
 };
-var SubmitButtonComponent = ({ className, children }) => {
+var SubmitButtonComponent = ({ className, onHoverStart, onHoverEnd, children }) => {
   const { showSubmitButton, onSubmitClick, submitText, isDisabled, isInProgress, isSubmitting } = useFieldPropsV2();
   if (!showSubmitButton) {
     return null;
   }
+  const labelElement = findChildOfType(children, SubmitButtonComponent.Label);
+  const iconElement = findChildOfType(children, SubmitButtonComponent.Icon);
   const loaderElement = findChildOfType(children, SubmitButtonComponent.Loader);
   const isBusy = isSubmitting || isInProgress;
   return /* @__PURE__ */ React172__default.default.createElement(reactAriaComponents.Button, {
     className,
+    "aria-label": submitText,
     onPress: isBusy ? void 0 : onSubmitClick,
+    onHoverStart,
+    onHoverEnd,
     isDisabled: isDisabled && !isBusy,
     "aria-disabled": isBusy || void 0,
     "data-in-progress": isInProgress
-  }, isInProgress && loaderElement ? loaderElement : submitText);
+  }, isInProgress && loaderElement ? loaderElement : /* @__PURE__ */ React172__default.default.createElement(React172__default.default.Fragment, null, labelElement ?? /* @__PURE__ */ React172__default.default.createElement(Label2, null), iconElement));
+};
+var Label2 = ({ className }) => {
+  const { submitText } = useFieldPropsV2();
+  return /* @__PURE__ */ React172__default.default.createElement("span", {
+    className
+  }, submitText);
 };
+var Icon = ({ children }) => /* @__PURE__ */ React172__default.default.createElement(React172__default.default.Fragment, null, children);
 var Loader2 = ({ className }) => {
   return /* @__PURE__ */ React172__default.default.createElement("span", {
     className
   }, /* @__PURE__ */ React172__default.default.createElement(ProgressCircle, null));
 };
+SubmitButtonComponent.Label = Label2;
+SubmitButtonComponent.Icon = Icon;
 SubmitButtonComponent.Loader = Loader2;
 ButtonsContainer.PreviousButton = PreviousButton;
 ButtonsContainer.NextButton = NextButton;