@wix/editor-react-components 1.2432.0 → 1.2433.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2092,12 +2092,14 @@ const HamburgerMenu = ({
2092
2092
  }
2093
2093
  }) => {
2094
2094
  const { translations, navAriaLabel } = useMenuContext();
2095
+ const environment = useService(EnvironmentDefinition);
2096
+ const reducedMotion = (environment == null ? void 0 : environment.reducedMotion) ?? false;
2095
2097
  const siteScrollBlocker = useService(SiteScrollBlockerDefinition);
2096
2098
  const [isOpen, setIsOpen] = useState(false);
2097
2099
  useEffect(() => {
2098
2100
  setIsOpen(!!isOpenProp);
2099
2101
  }, [isOpenProp]);
2100
- useEffect(() => {
2102
+ useLayoutEffect(() => {
2101
2103
  if (isOpen) {
2102
2104
  siteScrollBlocker.setSiteScrollingBlocked(true, id);
2103
2105
  } else {
@@ -2134,13 +2136,20 @@ const HamburgerMenu = ({
2134
2136
  () => setIsMenuOpen(false),
2135
2137
  [setIsMenuOpen]
2136
2138
  );
2139
+ const closeMenuForNavigation = React__default.useCallback(() => {
2140
+ if (reducedMotion) {
2141
+ setIsOpen(false);
2142
+ } else {
2143
+ closeMenu();
2144
+ }
2145
+ }, [closeMenu, reducedMotion]);
2137
2146
  const handleContentClick = React__default.useCallback(
2138
2147
  (event) => {
2139
2148
  if (HAMBURGER_CONTENT_CLOSE_PREDICATES.some((p) => p(event))) {
2140
- closeMenu();
2149
+ closeMenuForNavigation();
2141
2150
  }
2142
2151
  },
2143
- [closeMenu]
2152
+ [closeMenuForNavigation]
2144
2153
  );
2145
2154
  const { containerRef: focusTrapRef } = useFocusTrap(isOpen);
2146
2155
  return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2220,7 +2229,7 @@ const HamburgerMenu = ({
2220
2229
  ...navbarProps,
2221
2230
  onItemClick: (event, item2) => {
2222
2231
  if (!isEmptyObject(item2.link)) {
2223
- closeMenu();
2232
+ closeMenuForNavigation();
2224
2233
  }
2225
2234
  onItemClick == null ? void 0 : onItemClick(event, item2);
2226
2235
  },
@@ -14067,96 +14067,79 @@ function ComboboxValue(props) {
14067
14067
  children
14068
14068
  });
14069
14069
  }
14070
- const Combobox_module = {
14071
- label: "label-AxhKN1",
14072
- inputGroup: "inputGroup-j4QBzY",
14073
- input: "input-V1lew7",
14074
- trigger: "trigger-d9xFPE",
14075
- positioner: "positioner-Va3ay5",
14076
- popup: "popup-u5vEt9",
14077
- list: "list-du0h4z",
14078
- item: "item-cRAzQU",
14079
- itemIndicator: "itemIndicator-vKAwkz",
14080
- chips: "chips-XV1Ctk",
14081
- chip: "chip-YCMHpQ",
14082
- chipRemove: "chipRemove-VYdSNc",
14083
- row: "row-tXxIj8",
14084
- empty: "empty-ypPHaj",
14085
- clear: "clear-UgLOma"
14086
- };
14087
14070
  const Label$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxLabel_ComboboxLabel, {
14088
14071
  ref,
14089
- className: clsx(Combobox_module.label, className),
14072
+ className,
14090
14073
  ...props
14091
14074
  }));
14092
14075
  const Input = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxInput_ComboboxInput, {
14093
14076
  ref,
14094
- className: clsx(Combobox_module.input, className),
14077
+ className,
14095
14078
  ...props
14096
14079
  }));
14097
14080
  const InputGroup = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxInputGroup_ComboboxInputGroup, {
14098
14081
  ref,
14099
- className: clsx(Combobox_module.inputGroup, className),
14082
+ className,
14100
14083
  ...props
14101
14084
  }));
14102
14085
  const Trigger$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxTrigger_ComboboxTrigger, {
14103
14086
  ref,
14104
- className: clsx(Combobox_module.trigger, className),
14087
+ className,
14105
14088
  ...props
14106
14089
  }));
14107
14090
  const List$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxList_ComboboxList, {
14108
14091
  ref,
14109
- className: clsx(Combobox_module.list, className),
14092
+ className,
14110
14093
  ...props
14111
14094
  }));
14112
14095
  const Positioner$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxPositioner_ComboboxPositioner, {
14113
14096
  ref,
14114
- className: clsx(Combobox_module.positioner, className),
14097
+ className,
14115
14098
  ...props
14116
14099
  }));
14117
14100
  const Popup$2 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxPopup_ComboboxPopup, {
14118
14101
  ref,
14119
- className: clsx(Combobox_module.popup, className),
14102
+ className,
14120
14103
  ...props
14121
14104
  }));
14122
14105
  const Item$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxItem_ComboboxItem, {
14123
14106
  ref,
14124
- className: clsx(Combobox_module.item, className),
14107
+ className,
14125
14108
  ...props
14126
14109
  }));
14127
14110
  const ItemIndicator = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxItemIndicator_ComboboxItemIndicator, {
14128
14111
  ref,
14129
- className: clsx(Combobox_module.itemIndicator, className),
14112
+ className,
14130
14113
  ...props
14131
14114
  }));
14132
14115
  const Chips = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChips_ComboboxChips, {
14133
14116
  ref,
14134
- className: clsx(Combobox_module.chips, className),
14117
+ className,
14135
14118
  ...props
14136
14119
  }));
14137
14120
  const Chip = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChip_ComboboxChip, {
14138
14121
  ref,
14139
- className: clsx(Combobox_module.chip, className),
14122
+ className,
14140
14123
  ...props
14141
14124
  }));
14142
14125
  const ChipRemove = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxChipRemove_ComboboxChipRemove, {
14143
14126
  ref,
14144
- className: clsx(Combobox_module.chipRemove, className),
14127
+ className,
14145
14128
  ...props
14146
14129
  }));
14147
14130
  const Row = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxRow_ComboboxRow, {
14148
14131
  ref,
14149
- className: clsx(Combobox_module.row, className),
14132
+ className,
14150
14133
  ...props
14151
14134
  }));
14152
14135
  const Empty = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxEmpty_ComboboxEmpty, {
14153
14136
  ref,
14154
- className: clsx(Combobox_module.empty, className),
14137
+ className,
14155
14138
  ...props
14156
14139
  }));
14157
14140
  const Clear = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(ComboboxClear_ComboboxClear, {
14158
14141
  ref,
14159
- className: clsx(Combobox_module.clear, className),
14142
+ className,
14160
14143
  ...props
14161
14144
  }));
14162
14145
  const Combobox = {
@@ -18788,18 +18771,14 @@ const FieldsetLegend_FieldsetLegend = /* @__PURE__ */ React.forwardRef(function(
18788
18771
  return element;
18789
18772
  });
18790
18773
  if ("production" !== process.env.NODE_ENV) FieldsetLegend_FieldsetLegend.displayName = "FieldsetLegend";
18791
- const Fieldset_module = {
18792
- root: "root-v8M2Sx",
18793
- legend: "legend-OVr_3r"
18794
- };
18795
18774
  const Root$1 = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(FieldsetRoot_FieldsetRoot, {
18796
18775
  ref,
18797
- className: clsx(Fieldset_module.root, className),
18776
+ className,
18798
18777
  ...props
18799
18778
  }));
18800
18779
  const Legend = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(FieldsetLegend_FieldsetLegend, {
18801
18780
  ref,
18802
- className: clsx(Fieldset_module.legend, className),
18781
+ className,
18803
18782
  ...props
18804
18783
  }));
18805
18784
  const Fieldset = {
@@ -31175,25 +31154,20 @@ const TooltipProvider_TooltipProvider = function(props) {
31175
31154
  });
31176
31155
  };
31177
31156
  if ("production" !== process.env.NODE_ENV) TooltipProvider_TooltipProvider.displayName = "TooltipProvider";
31178
- const Tooltip_module = {
31179
- trigger: "trigger-xVlrp2",
31180
- positioner: "positioner-sRKHj5",
31181
- popup: "popup-V_41k4"
31182
- };
31183
31157
  function Trigger({ className, ...props }) {
31184
31158
  return /* @__PURE__ */ jsx(TooltipTrigger_TooltipTrigger, {
31185
31159
  ...props,
31186
- className: clsx(Tooltip_module.trigger, className)
31160
+ className
31187
31161
  });
31188
31162
  }
31189
31163
  const Positioner = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPositioner_TooltipPositioner, {
31190
31164
  ref,
31191
- className: clsx(Tooltip_module.positioner, className),
31165
+ className,
31192
31166
  ...props
31193
31167
  }));
31194
31168
  const Popup = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPopup_TooltipPopup, {
31195
31169
  ref,
31196
- className: clsx(Tooltip_module.popup, className),
31170
+ className,
31197
31171
  ...props
31198
31172
  }));
31199
31173
  const Tooltip = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/editor-react-components",
3
- "version": "1.2432.0",
3
+ "version": "1.2433.0",
4
4
  "description": "React components for the Wix Editor",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -82,7 +82,7 @@
82
82
  "@wix/sdk": "^1.21.13",
83
83
  "@wix/services-manager-react": "^0.1.27",
84
84
  "@wix/site-service-rendering-context": "^1.0.1",
85
- "@wix/site-ui": "1.188.0",
85
+ "@wix/site-ui": "1.189.0",
86
86
  "@wix/video": "^1.85.0",
87
87
  "@wix/viewer-service-consent-policy": "^1.0.100",
88
88
  "@wix/web-bi-logger": "^2.1.26",
@@ -197,5 +197,5 @@
197
197
  "registry": "https://registry.npmjs.org/",
198
198
  "access": "public"
199
199
  },
200
- "falconPackageHash": "3d1bb2af236dc0e971ace8da5024dd7f5f37696f56abf27756ac2c0b"
200
+ "falconPackageHash": "f3d6f060f8347c6ae1a85f7625ccbc127cd7331f988013c469cebee6"
201
201
  }