@wix/editor-react-components 1.2432.0 → 1.2434.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.
|
@@ -32,7 +32,7 @@ const manifest = {
|
|
|
32
32
|
archetype: Archetype.Logo,
|
|
33
33
|
layout: {
|
|
34
34
|
resizeDirection: LAYOUT.RESIZE_DIRECTION.aspectRatio,
|
|
35
|
-
contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.
|
|
35
|
+
contentResizeDirection: LAYOUT.CONTENT_RESIZE_DIRECTION.none,
|
|
36
36
|
disableStretching: true,
|
|
37
37
|
disablePositioning: false,
|
|
38
38
|
contentFill: {
|
|
@@ -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
|
-
|
|
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
|
-
|
|
2149
|
+
closeMenuForNavigation();
|
|
2141
2150
|
}
|
|
2142
2151
|
},
|
|
2143
|
-
[
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
3
|
+
"version": "1.2434.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.
|
|
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": "
|
|
200
|
+
"falconPackageHash": "34b3a5fad0b1a41535aa4c2d26f0ae712e7cbdac87b7d9275b994d0b"
|
|
201
201
|
}
|