@wix/editor-react-components 1.2172.0 → 1.2174.0

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 import { c as clsx } from "../chunks/clsx.js";
 import { s as selectors } from "../chunks/constants22.js";
 const root = "root__zTlgX";
@@ -63,13 +63,25 @@ const MultiStateBox = (props) => {
     activeStateName
   );
   const stateKeys = getStateKeys(states);
+  const activeKey = stateKeys[activeIndex];
+  const [visitedKeys, setVisitedKeys] = useState(
+    () => activeKey === void 0 ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([activeKey])
+  );
   const prevActiveIndexRef = useRef(activeIndex);
   useEffect(() => {
     if (prevActiveIndexRef.current !== activeIndex) {
       prevActiveIndexRef.current = activeIndex;
       onChange == null ? void 0 : onChange();
+      setVisitedKeys((prev) => {
+        if (activeKey === void 0 || prev.has(activeKey)) {
+          return prev;
+        }
+        const next = new Set(prev);
+        next.add(activeKey);
+        return next;
+      });
     }
-  }, [activeIndex, onChange]);
+  }, [activeIndex, activeKey, onChange]);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -83,13 +95,16 @@ 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])) {
+          return null;
+        }
         return /* @__PURE__ */ jsx(
           "div",
           {
+            "data-state-index": index,
             className: clsx(selectors.stateContainer, styles.state, {
               [styles["is-active"]]: isActive
             }),
-            ...!isActive && { inert: "" },
             children: state2.content
           },
           stateKeys[index]

package/dist/site/components/MultiStateBox/css.css

@@ -4,10 +4,8 @@
 }
 
 .state__BCzGt {
-  grid-area: 1/1;
   display: grid;
-  opacity: 0;
 }
-.state__BCzGt.is-active__8ZJqC {
-  opacity: 1;
+.state__BCzGt:not(.is-active__8ZJqC) {
+  display: none;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2172.0",
+  "version": "1.2174.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -34,10 +34,8 @@
     "build": "yarn build:lite && yarn build:janet && yarn build:package",
     "build:package": "vite build && yarn check:npm-bundle-secrets",
     "check:npm-bundle-secrets": "node scripts/check-npm-bundle-secrets.mjs",
-    "lint": "yarn run -T lint:ox:package",
-    "check:linting": "yarn run lint",
-    "check:formatting": "yarn run -T oxfmt -c ../../.oxfmtrc.json . --check",
-    "validate": "yarn run -T turbo check:linting check:formatting",
+    "lint": "yarn run -T lint:package",
+    "check:lint-and-format": "yarn run -T concurrently yarn:lint yarn:format:check",
     "build:app": "astro check && wix build",
     "build:lite": "yarn validate:manifests && yarn build:app",
     "dev": "yarn validate:manifests && yarn cli-dev",
@@ -61,7 +59,8 @@
     "generate:manifest-tests": "NODE_NO_WARNINGS=1 tsx scripts/generate-manifest-tests.ts",
     "generate-css-from-manifest": "generate-css-from-manifest",
     "validate:manifests": "NODE_NO_WARNINGS=1 tsx scripts/validate-manifests.ts",
-    "fix:manifests": "NODE_NO_WARNINGS=1 tsx scripts/validate-manifests.ts --fix"
+    "fix:manifests": "NODE_NO_WARNINGS=1 tsx scripts/validate-manifests.ts --fix",
+    "format:check": "yarn run -T format:package:check"
   },
   "peerDependencies": {
     "@wix/editor-react-types": "^1.0.8",
@@ -179,7 +178,7 @@
     },
     "validations": {
       "postDependenciesBuild": [
-        "validate"
+        "check:lint-and-format"
       ],
       "postPublish": [
         "test:e2e"
@@ -190,5 +189,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "0609b109bce275c22f79f35dc48d60f1a089039738c804c3c7e875d7"
+  "falconPackageHash": "077ac90001681d86c1baea7cf9f284f4d42f7c8782e19c2e4b0f4734"
 }