@wix/editor-react-components 1.2864.0 → 1.2866.0

package/dist/site/components/MultiStateBox/component.js

@@ -49,6 +49,7 @@ const MultiStateBox = (props) => {
     states = [],
     activeStateIndex,
     activeStateName,
+    keepMounted = false,
     onChange,
     onClick,
     onDblClick,
@@ -95,7 +96,7 @@ const MultiStateBox = (props) => {
       className: clsx(selectors.root, styles.root, className),
       children: states.map((state2, index) => {
         const isActive = index === activeIndex;
-        if (!isActive && !visitedKeys.has(stateKeys[index])) {
+        if (!keepMounted && !isActive && !visitedKeys.has(stateKeys[index])) {
           return null;
         }
         return /* @__PURE__ */ jsx(

package/dist/site/components/MultiStateBox/types.d.ts

@@ -9,5 +9,6 @@ export interface MultiStateBoxProps extends SdkFunctionClickableProps, SdkFuncti
     states: ReadonlyArray<MultiStateBoxItem>;
     activeStateIndex?: number;
     activeStateName?: string;
+    keepMounted?: boolean;
     onChange?: () => void;
 }

package/dist/site/components/TextInput/component.js

@@ -243,9 +243,10 @@ const TextInput = (props) => {
   );
   const ariaLabel = a11y == null ? void 0 : a11y.ariaLabel;
   const ariaInvalid = inErrorState ? true : (a11y == null ? void 0 : a11y.ariaInvalid) ?? false;
+  const inputId = `${id}-input`;
   const customAccessibleNameId = label2 && ariaLabel ? `${id}-accessible-name` : void 0;
-  const helperTextId = helperText2 ? `helper_${id}` : void 0;
-  const errorMessageId = inErrorState ? `error_${id}` : void 0;
+  const helperTextId = helperText2 ? `${id}-helper-text` : void 0;
+  const errorMessageId = inErrorState ? `${id}-error-message` : void 0;
   const inputClasses = clsx(
     style.input,
     componentClassNames.input,
@@ -277,7 +278,7 @@ const TextInput = (props) => {
     tabIndex: a11y == null ? void 0 : a11y.tabIndex,
     placeholder,
     className: inputClasses,
-    id: `input_${id}`,
+    id: inputId,
     onKeyDown,
     onKeyUp,
     onInput,
@@ -314,7 +315,7 @@ const TextInput = (props) => {
                 children: ariaLabel
               }
             ),
-            label2 && /* @__PURE__ */ jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: labelClasses, htmlFor: `input_${id}`, children: label2 }),
+            label2 && /* @__PURE__ */ jsx($01b77f81d0f07f68$export$b04be29aa201d4f5, { className: labelClasses, htmlFor: inputId, children: label2 }),
             /* @__PURE__ */ jsx("div", { className: style.inputWrapper, children: /* @__PURE__ */ jsx($3985021b0ad6602f$export$f5b8910cec6cf069, { ...inputProps }) }),
             helperText2 && /* @__PURE__ */ jsx(
               "p",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2864.0",
+  "version": "1.2866.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -228,5 +228,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "9d0f514961bdf2894670950edd2a9dad0a17415262fdc19beebf006d"
+  "falconPackageHash": "97a5ec17ae15591c9687a9f96d36190c1f6faa8dd10e503df32fe7fc"
 }