@wix/editor-react-components 1.2744.0 → 1.2746.0

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { a as Fieldset, T as Tooltip, c as InfoCircle_default, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, e as Checkbox } from "../chunks/index12.js";
+import { a as Fieldset, T as Tooltip, b as InfoCircle_default, d as CheckboxGroup_CheckboxGroup_CheckboxGroup, e as Checkbox } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { f as formatClassNames } from "../chunks/classNames.js";

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { c as clsx } from "../chunks/clsx.js";
-import { a as Fieldset, T as Tooltip, R as RadioGroup_RadioGroup_RadioGroup, b as Radio, c as InfoCircle_default } from "../chunks/index12.js";
+import { a as Fieldset, T as Tooltip, R as Radio, b as InfoCircle_default, c as RadioGroup_RadioGroup_RadioGroup } from "../chunks/index12.js";
 import { useService } from "@wix/services-manager-react";
 import { E as EnvironmentDefinition } from "../chunks/index2.js";
 import { f as formatClassNames } from "../chunks/classNames.js";
@@ -104,6 +104,7 @@ function RadioButtonsComponent(props) {
     }
   };
   const hasLegend = !!label2;
+  const groupLabelId = hasLegend ? `${id}-group-label` : void 0;
   const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || void 0;
   const customAccessibleNameId = hasLegend && ariaLabel ? `${id}-accessible-name` : void 0;
   const presetsWrapperProps = (wix == null ? void 0 : wix.presetsWrapperProps) || {};
@@ -122,71 +123,78 @@ function RadioButtonsComponent(props) {
       dir: direction,
       lang: environmentService.language,
       "data-testid": TestIds.root,
-      children: /* @__PURE__ */ jsxs(Fieldset.Root, { className: styles.fieldset, children: [
-        customAccessibleNameId && /* @__PURE__ */ jsx(
-          "span",
-          {
-            id: customAccessibleNameId,
-            className: accessibilityStyles.visuallyHidden,
-            children: ariaLabel
-          }
-        ),
-        (hasLegend || tooltip2) && /* @__PURE__ */ jsxs("div", { className: styles.labelRow, children: [
-          hasLegend && /* @__PURE__ */ jsxs(
-            Fieldset.Legend,
+      children: /* @__PURE__ */ jsxs(
+        Fieldset.Root,
+        {
+          className: styles.fieldset,
+          render: /* @__PURE__ */ jsx(
+            RadioGroup_RadioGroup_RadioGroup,
             {
-              className: clsx(
-                styles.groupLabel,
-                selectors.groupLabel,
-                formatClassNames(semanticClassNames.groupLabel),
-                (_b = elementProps == null ? void 0 : elementProps.groupLabel) == null ? void 0 : _b.className
-              ),
-              "data-testid": TestIds.legend,
-              children: [
-                label2,
-                required && /* @__PURE__ */ jsx(
-                  RequiredIndicator,
-                  {
-                    className: formatClassNames(
-                      semanticClassNames.requiredIndicator
-                    ),
-                    "data-testid": TestIds.requiredIndicator
-                  }
-                )
-              ]
+              ...selectionProps,
+              onValueChange: (value) => handleValueChange(value),
+              disabled,
+              readOnly,
+              "aria-required": required || void 0,
+              "aria-invalid": isInvalid || void 0,
+              "aria-describedby": isInvalid && validity.validationMessage ? errorId : void 0,
+              "aria-label": ariaLabel,
+              "aria-labelledby": customAccessibleNameId ?? groupLabelId,
+              render: /* @__PURE__ */ jsx("fieldset", {}),
+              "data-testid": TestIds.group,
+              onFocus,
+              onBlur: handleBlur
             }
           ),
-          tooltip2 && /* @__PURE__ */ jsx(Tooltip.Provider, { delay: 0, children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
-            /* @__PURE__ */ jsx(
-              Tooltip.Trigger,
+          children: [
+            customAccessibleNameId && /* @__PURE__ */ jsx(
+              "span",
               {
-                type: "button",
-                className: styles.tooltipButton,
-                "data-testid": TestIds.tooltipButton,
-                "aria-label": tooltip2,
-                children: /* @__PURE__ */ jsx(InfoCircleSmall_default, { "aria-hidden": "true" })
+                id: customAccessibleNameId,
+                className: accessibilityStyles.visuallyHidden,
+                children: ariaLabel
               }
             ),
-            /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { sideOffset: 6, children: /* @__PURE__ */ jsx(Tooltip.Popup, { className: styles.tooltip, children: tooltip2 }) }) })
-          ] }) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          RadioGroup_RadioGroup_RadioGroup,
-          {
-            ...selectionProps,
-            onValueChange: (value) => handleValueChange(value),
-            disabled,
-            readOnly,
-            "aria-required": required || void 0,
-            "aria-invalid": isInvalid || void 0,
-            "aria-describedby": isInvalid && validity.validationMessage ? errorId : void 0,
-            "aria-label": ariaLabel,
-            "aria-labelledby": customAccessibleNameId,
-            className: styles.group,
-            "data-testid": TestIds.group,
-            onFocus,
-            onBlur: handleBlur,
-            children: options.map((option2, index) => {
+            (hasLegend || tooltip2) && /* @__PURE__ */ jsxs("div", { className: styles.labelRow, children: [
+              hasLegend && /* @__PURE__ */ jsxs(
+                Fieldset.Legend,
+                {
+                  id: groupLabelId,
+                  className: clsx(
+                    styles.groupLabel,
+                    selectors.groupLabel,
+                    formatClassNames(semanticClassNames.groupLabel),
+                    (_b = elementProps == null ? void 0 : elementProps.groupLabel) == null ? void 0 : _b.className
+                  ),
+                  "data-testid": TestIds.legend,
+                  children: [
+                    label2,
+                    required && /* @__PURE__ */ jsx(
+                      RequiredIndicator,
+                      {
+                        className: formatClassNames(
+                          semanticClassNames.requiredIndicator
+                        ),
+                        "data-testid": TestIds.requiredIndicator
+                      }
+                    )
+                  ]
+                }
+              ),
+              tooltip2 && /* @__PURE__ */ jsx(Tooltip.Provider, { delay: 0, children: /* @__PURE__ */ jsxs(Tooltip.Root, { children: [
+                /* @__PURE__ */ jsx(
+                  Tooltip.Trigger,
+                  {
+                    type: "button",
+                    className: styles.tooltipButton,
+                    "data-testid": TestIds.tooltipButton,
+                    "aria-label": tooltip2,
+                    children: /* @__PURE__ */ jsx(InfoCircleSmall_default, { "aria-hidden": "true" })
+                  }
+                ),
+                /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { sideOffset: 6, children: /* @__PURE__ */ jsx(Tooltip.Popup, { className: styles.tooltip, children: tooltip2 }) }) })
+              ] }) })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: styles.group, children: options.map((option2, index) => {
               var _a2, _b2;
               return /* @__PURE__ */ jsxs(
                 "label",
@@ -242,25 +250,25 @@ function RadioButtonsComponent(props) {
                 },
                 option2.value || index
               );
-            })
-          }
-        ),
-        isInvalid && validity.validationMessage && /* @__PURE__ */ jsxs(
-          "div",
-          {
-            id: errorId,
-            className: clsx(
-              styles.errorMessage,
-              formatClassNames(semanticClassNames.errorMessage)
-            ),
-            "data-testid": TestIds.errorMessage,
-            children: [
-              /* @__PURE__ */ jsx(InfoCircle_default, { "aria-hidden": "true" }),
-              validity.validationMessage
-            ]
-          }
-        )
-      ] })
+            }) }),
+            isInvalid && validity.validationMessage && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                id: errorId,
+                className: clsx(
+                  styles.errorMessage,
+                  formatClassNames(semanticClassNames.errorMessage)
+                ),
+                "data-testid": TestIds.errorMessage,
+                children: [
+                  /* @__PURE__ */ jsx(InfoCircle_default, { "aria-hidden": "true" }),
+                  validity.validationMessage
+                ]
+              }
+            )
+          ]
+        }
+      )
     }
   ) });
 }

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

@@ -177,10 +177,8 @@ function getFilterValue(key, value, overrides) {
       light: "duotoneLight" in overrides && overrides.duotoneLight || value.light,
       dark: "duotoneDark" in overrides && overrides.duotoneDark || value.dark
     };
-  } else if (key in overrides) {
-    return overrides[key];
   }
-  return value;
+  return overrides[key] ?? value;
 }
 function interpolate(id, filterDefinition, overrides, attrs) {
   const content = filterDefinition.map((effect) => {

package/dist/site/components/TransparentVideo/manifest.js

@@ -63,6 +63,7 @@ const manifest = {
     },
     data: {
       filterEffectRecolorVideo: {
+        description: "Must be true for the effectType color filter to show; false shows the original colors.",
         displayName: "Filter Effect Recolor",
         dataType: DATA.DATA_TYPE.booleanValue,
         defaultValue: false

package/dist/site/components/chunks/Patterns.js

@@ -47,23 +47,41 @@ function bidiFactory() {
     function parseData() {
       if (!map) {
         map = /* @__PURE__ */ new Map();
-        var loop = function(type2) {
-          if (DATA.hasOwnProperty(type2)) {
+        var start = 0;
+        for (var type in DATA) {
+          if (DATA.hasOwnProperty(type)) {
+            var segments = DATA[type];
+            var temp = "";
+            var end = void 0;
+            var state = false;
             var lastCode = 0;
-            DATA[type2].split(",").forEach(function(range) {
-              var ref = range.split("+");
-              var skip = ref[0];
-              var step = ref[1];
-              skip = parseInt(skip, 36);
-              step = step ? parseInt(step, 36) : 0;
-              map.set(lastCode += skip, TYPES[type2]);
-              for (var i = 0; i < step; i++) {
-                map.set(++lastCode, TYPES[type2]);
+            for (var i = 0; i <= segments.length + 1; i += 1) {
+              var char = segments[i];
+              if (char !== "," && i !== segments.length) {
+                if (char === "+") {
+                  state = true;
+                  lastCode = start = lastCode + parseInt(temp, 36);
+                  temp = "";
+                } else {
+                  temp += char;
+                }
+              } else {
+                if (!state) {
+                  lastCode = start = lastCode + parseInt(temp, 36);
+                  end = start;
+                } else {
+                  end = start + parseInt(temp, 36);
+                }
+                state = false;
+                temp = "";
+                lastCode = end;
+                for (var j = start; j < end + 1; j += 1) {
+                  map.set(j, TYPES[type]);
+                }
               }
-            });
+            }
           }
-        };
-        for (var type in DATA) loop(type);
+        }
       }
     }
     function getBidiCharType(char) {

package/dist/site/components/chunks/index12.js

@@ -31183,11 +31183,11 @@ export {
   Combobox as C,
   Field as F,
   Input_Input_Input as I,
-  RadioGroup_RadioGroup_RadioGroup as R,
+  Radio as R,
   Tooltip as T,
   Fieldset as a,
-  Radio as b,
-  InfoCircle_default as c,
+  InfoCircle_default as b,
+  RadioGroup_RadioGroup_RadioGroup as c,
   CheckboxGroup_CheckboxGroup_CheckboxGroup as d,
   Checkbox as e
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2744.0",
+  "version": "1.2746.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -116,7 +116,7 @@
     "@wix/editor-elements-scripts": "^1.0.0",
     "@wix/editor-elements-test-utils": "^1.0.0",
     "@wix/essentials": "^0.1.28",
-    "@wix/fed-cli-sled": "^1.0.36",
+    "@wix/fed-cli-sled": "^1.0.39",
     "@wix/image": "^1.452.0",
     "@wix/image-kit": "^1.118.0",
     "@wix/janet-build": "^1.0.10",
@@ -212,5 +212,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "4f3c17b81dea886130892726292456bad773acfa57f1224107598f8e"
+  "falconPackageHash": "97231c1620a86fe3ddad4fe2f53b3a0d207595829133ca940810e7d3"
 }