@wix/form-public 0.104.0 → 0.106.0

package/dist/index.cjs

@@ -27781,7 +27781,7 @@ var ExplanationTextKey = "explanationText";
 var MediaKey = "media";
 var UploadEnabledKey = "uploadEnabled";
 var FirstDayOfWeekKey = "firstDayOfWeek";
-var DefaultCountryCodeKey = "defaultCountry";
+var DefaultCountryCodeKey = "defaultCountryCode";
 var ImageResizeKey = "imageResize";
 var ShowFlagKey = "showFlag";
 var NameKey = "name";
@@ -37714,8 +37714,7 @@ var Options9 = (_ref4) => {
   const {
     options,
     addOther,
-    addOtherLabel,
-    value: fieldValue
+    addOtherLabel
   } = useFieldPropsV2();
   const {
     ariaDescribedBy
@@ -37725,7 +37724,6 @@ var Options9 = (_ref4) => {
   } = useTranslation();
   const otherLabel = addOtherLabel || t("add-other.default-other-option-label") || OTHER_ID3;
   const optionElement = findChildOfType(children, Option10);
-  const otherInputElement = optionElement ? findChildOfType(optionElement.props.children, OtherInput2) : void 0;
   const allOptions = React40.useMemo(() => {
     const regularOptions = options || [];
     if (addOther) {
@@ -37737,13 +37735,7 @@ var Options9 = (_ref4) => {
     }
     return regularOptions;
   }, [options, addOther, otherLabel]);
-  const isOtherSelected = React40.useMemo(() => {
-    if (!addOther || !fieldValue) {
-      return false;
-    }
-    return fieldValue.some((val) => val === otherLabel || val.startsWith(`${otherLabel}:`));
-  }, [addOther, fieldValue, otherLabel]);
-  return /* @__PURE__ */ React40__namespace.default.createElement(React40__namespace.default.Fragment, null, /* @__PURE__ */ React40__namespace.default.createElement(reactAriaComponents.TagList, {
+  return /* @__PURE__ */ React40__namespace.default.createElement(reactAriaComponents.TagList, {
     "aria-describedby": ariaDescribedBy,
     className
   }, allOptions.map((option, index) => {
@@ -37755,12 +37747,38 @@ var Options9 = (_ref4) => {
       isOther: option.isOther,
       isFirstOption: index === 0
     });
-  })), isOtherSelected && otherInputElement);
+  }));
 };
-var Tags = (_ref5) => {
+var Control4 = (_ref5) => {
   let {
-    children
+    children,
+    className
   } = _ref5;
+  const {
+    addOther,
+    addOtherLabel,
+    value: fieldValue
+  } = useFieldPropsV2();
+  const {
+    t
+  } = useTranslation();
+  const otherLabel = addOtherLabel || t("add-other.default-other-option-label") || OTHER_ID3;
+  const optionsElement = findChildOfType(children, Options9);
+  const otherInputElement = findChildOfType(children, OtherInput2);
+  const isOtherSelected = React40.useMemo(() => {
+    if (!addOther || !fieldValue) {
+      return false;
+    }
+    return fieldValue.some((val) => val === otherLabel || val.startsWith(`${otherLabel}:`));
+  }, [addOther, fieldValue, otherLabel]);
+  return /* @__PURE__ */ React40__namespace.default.createElement("div", {
+    className
+  }, optionsElement, isOtherSelected && otherInputElement);
+};
+var Tags = (_ref6) => {
+  let {
+    children
+  } = _ref6;
   const {
     id,
     value,
@@ -37796,7 +37814,7 @@ var Tags = (_ref5) => {
     return new Set(normalizedValues);
   }, [value, otherLabel]);
   const labelElement = findChildOfType(children, Label);
-  const optionsElement = findChildOfType(children, Options9);
+  const controlElement = findChildOfType(children, Control4);
   const descriptionElement = findChildOfType(children, Description);
   const errorElement = findChildOfType(children, Error2);
   return /* @__PURE__ */ React40__namespace.default.createElement(FieldLayout, {
@@ -37806,15 +37824,16 @@ var Tags = (_ref5) => {
       selectionMode: "multiple",
       selectedKeys,
       onSelectionChange: handleSelectionChange
-    }, optionsElement),
+    }, controlElement),
     renderDescription: () => /* @__PURE__ */ React40__namespace.default.createElement(React40__namespace.default.Fragment, null, descriptionElement, errorElement)
   });
 };
 Options9.Option = Option10;
 Option10.Label = OptionLabel3;
-Option10.OtherInput = OtherInput2;
 Tags.Label = Label;
+Tags.Control = Control4;
 Tags.Options = Options9;
+Tags.OtherInput = OtherInput2;
 Tags.Description = Description;
 Tags.Error = Error2;
 var TextArea = (_ref) => {