← All changes | assets/js/editor-one-sidebar-navigation.js +16 -59 4.2.0-beta2 → 3.35.0-dev2 View file →

		@@ -53,28 +53,8 @@
53	53	};
54	54
55	55	/***/ }),
56	56
57		-/***/ "../modules/editor-one/assets/js/shared/is-rtl.js":
58		-/*!********************************************************!*\
59		- !*** ../modules/editor-one/assets/js/shared/is-rtl.js ***!
60		- \********************************************************/
61		-/***/ ((__unused_webpack_module, exports) => {
62		-
63		-"use strict";
64		-
65		-
66		-Object.defineProperty(exports, "__esModule", ({
67		- value: true
68		-}));
69		-exports["default"] = isRTL;
70		-function isRTL() {
71		- var _elementorCommon$conf, _elementorCommon;
72		- return (_elementorCommon$conf = (_elementorCommon = elementorCommon) === null || _elementorCommon === void 0 || (_elementorCommon = _elementorCommon.config) === null || _elementorCommon === void 0 ? void 0 : _elementorCommon.isRTL) !== null && _elementorCommon$conf !== void 0 ? _elementorCommon$conf : false;
73		-}
74		-
75		-/***/ }),
76		-
77	57	/***/ "../modules/editor-one/assets/js/sidebar-navigation/classes/menu-active-state-resolver.js":
78	58	/*!************************************************************************************************!*\
79	59	!*** ../modules/editor-one/assets/js/sidebar-navigation/classes/menu-active-state-resolver.js ***!
80	60	\************************************************************************************************/
		@@ -228,9 +208,8 @@
228	208	var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
229	209	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
230	210	var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
231	211	var _shared = __webpack_require__(/*! ../shared */ "../modules/editor-one/assets/js/sidebar-navigation/components/shared/index.js");
232		-var _isRtl = _interopRequireDefault(__webpack_require__(/*! ../../../shared/is-rtl */ "../modules/editor-one/assets/js/shared/is-rtl.js"));
233	212	var CollapsedMenuItemTooltip = function CollapsedMenuItemTooltip(_ref) {
234	213	var item = _ref.item,
235	214	isActive = _ref.isActive,
236	215	onClick = _ref.onClick,
		@@ -235,9 +214,8 @@
235	214	isActive = _ref.isActive,
236	215	onClick = _ref.onClick,
237	216	IconComponent = _ref.IconComponent,
238	217	onMouseEnter = _ref.onMouseEnter;
239		- var isRtlLanguage = (0, _isRtl.default)();
240	218	return /*#__PURE__*/_react.default.createElement(_ui.ListItem, {
241	219	disablePadding: true,
242	220	dense: true,
243	221	disableGutters: true,
		@@ -243,9 +221,9 @@
243	221	disableGutters: true,
244	222	onMouseEnter: onMouseEnter
245	223	}, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
246	224	title: item.label,
247		- placement: isRtlLanguage ? 'left' : 'right'
	225	+ placement: "right"
248	226	}, /*#__PURE__*/_react.default.createElement(_shared.MenuItemButton, {
249	227	onClick: onClick,
250	228	selected: isActive,
251	229	sx: {
		@@ -748,22 +726,19 @@
748	726
749	727	"use strict";
750	728
751	729
752		-var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
753	730	Object.defineProperty(exports, "__esModule", ({
754	731	value: true
755	732	}));
756	733	exports.useAdminMenuOffset = void 0;
757	734	var _element = __webpack_require__(/*! @wordpress/element */ "../node_modules/@wordpress/element/build-module/index.js");
758		-var _isRtl = _interopRequireDefault(__webpack_require__(/*! ../../../shared/is-rtl */ "../modules/editor-one/assets/js/shared/is-rtl.js"));
759	735	var ADMIN_MENU_WRAP_ID = 'adminmenuwrap';
760	736	var WPCONTENT_ID = 'wpcontent';
761		-var EDITOR_ONE_TOP_BAR_ID = 'editor-one-top-bar';
762		-var WPADMINBAR_ID = 'wpadminbar';
763	737	var INITIALIZED_DATA_ATTR = 'data-editor-one-offset-initialized';
764		-var WPFOOTER_ID = 'wpfooter';
765		-var WPBODY_CONTENT_ID = 'wpbody-content';
	738	+var getIsRTL = function getIsRTL() {
	739	+ return 'rtl' === document.dir || document.body.classList.contains('rtl');
	740	+};
766	741	var useAdminMenuOffset = exports.useAdminMenuOffset = function useAdminMenuOffset() {
767	742	var cleanupRef = (0, _element.useRef)(null);
768	743	(0, _element.useEffect)(function () {
769	744	var adminMenuWrap = document.getElementById(ADMIN_MENU_WRAP_ID);
		@@ -770,31 +745,17 @@
770	745	var wpcontent = document.getElementById(WPCONTENT_ID);
771	746	if (!adminMenuWrap || !wpcontent || wpcontent.hasAttribute(INITIALIZED_DATA_ATTR)) {
772	747	return;
773	748	}
774		- var wpfooter = document.getElementById(WPFOOTER_ID);
775		- var wpbodyContent = document.getElementById(WPBODY_CONTENT_ID);
776		- wpbodyContent === null || wpbodyContent === void 0 || wpbodyContent.insertBefore(wpfooter, wpbodyContent.querySelector(':scope > .clear'));
777		- var wpAdminBar = document.getElementById(WPADMINBAR_ID);
778	749	var updateOffset = function updateOffset() {
779		- var _document$getElementB, _wpAdminBar$clientHei, _topBarHeader$clientH;
780		- var topBarHeader = (_document$getElementB = document.getElementById(EDITOR_ONE_TOP_BAR_ID)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.querySelector(':scope > header');
781		- var isRtlLanguage = (0, _isRtl.default)();
	750	+ var isRTL = getIsRTL();
782	751	var rect = adminMenuWrap.getBoundingClientRect();
783		- var offset = isRtlLanguage ? document.documentElement.clientWidth - rect.left : rect.right;
784		- var adminBarHeightPx = "".concat((_wpAdminBar$clientHei = wpAdminBar === null || wpAdminBar === void 0 ? void 0 : wpAdminBar.clientHeight) !== null && _wpAdminBar$clientHei !== void 0 ? _wpAdminBar$clientHei : 0, "px");
785		- var topBarHeaderHeightPx = "".concat((_topBarHeader$clientH = topBarHeader === null || topBarHeader === void 0 ? void 0 : topBarHeader.clientHeight) !== null && _topBarHeader$clientH !== void 0 ? _topBarHeader$clientH : 0, "px");
	752	+ var offset = isRTL ? window.innerWidth - rect.left : rect.right;
786	753	wpcontent.style.setProperty('--editor-one-sidebar-left-offset', "".concat(offset, "px"));
787		- wpcontent.style.setProperty('--e-admin-bar-height', adminBarHeightPx);
788		- wpcontent.style.setProperty('--e-top-bar-header-height', topBarHeaderHeightPx);
789	754	};
790	755	updateOffset();
791	756	var resizeObserver = new ResizeObserver(updateOffset);
792	757	resizeObserver.observe(wpcontent);
793		- var topBar = document.getElementById(EDITOR_ONE_TOP_BAR_ID);
794		- if (topBar) {
795		- resizeObserver.observe(topBar);
796		- }
797	758	window.addEventListener('resize', updateOffset);
798	759	wpcontent.setAttribute(INITIALIZED_DATA_ATTR, 'true');
799	760	cleanupRef.current = function () {
800	761	resizeObserver.disconnect();
		@@ -1193,14 +1154,13 @@
1193	1154	"use strict";
1194	1155
1195	1156
1196	1157	var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1197		-var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
1198	1158	Object.defineProperty(exports, "__esModule", ({
1199	1159	value: true
1200	1160	}));
1201	1161	exports["default"] = void 0;
1202		-var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
	1162	+var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1203	1163	var _element = __webpack_require__(/*! @wordpress/element */ "../node_modules/@wordpress/element/build-module/index.js");
1204	1164	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1205	1165	var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
1206	1166	var _menuActiveStateResolver = _interopRequireDefault(__webpack_require__(/*! ../../classes/menu-active-state-resolver */ "../modules/editor-one/assets/js/sidebar-navigation/classes/menu-active-state-resolver.js"));
		@@ -1205,9 +1165,8 @@
1205	1165	var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
1206	1166	var _menuActiveStateResolver = _interopRequireDefault(__webpack_require__(/*! ../../classes/menu-active-state-resolver */ "../modules/editor-one/assets/js/sidebar-navigation/classes/menu-active-state-resolver.js"));
1207	1167	var _sidebarMenuItem = _interopRequireDefault(__webpack_require__(/*! ./sidebar-menu-item */ "../modules/editor-one/assets/js/sidebar-navigation/components/menu/sidebar-menu-item.js"));
1208	1168	var _shared = __webpack_require__(/*! ../shared */ "../modules/editor-one/assets/js/sidebar-navigation/components/shared/index.js");
1209		-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
1210	1169	var SidebarMenu = function SidebarMenu(_ref) {
1211	1170	var menuItems = _ref.menuItems,
1212	1171	level4Groups = _ref.level4Groups,
1213	1172	activeMenuSlug = _ref.activeMenuSlug,
		@@ -1225,19 +1184,20 @@
1225	1184	}
1226	1185	return group.items;
1227	1186	};
1228	1187	return /*#__PURE__*/_react.default.createElement(_shared.MenuList, null, menuItems.map(function (item) {
1229		- return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
1230		- key: item.slug
1231		- }, item.has_divider_before && /*#__PURE__*/_react.default.createElement(_ui.Divider, {
	1188	+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, item.has_divider_before && /*#__PURE__*/_react.default.createElement(_ui.Divider, {
	1189	+ key: "divider-".concat(item.slug),
1232	1190	sx: {
1233	1191	my: 1
1234	1192	}
1235	1193	}), /*#__PURE__*/_react.default.createElement(_sidebarMenuItem.default, {
	1194	+ key: item.slug,
1236	1195	item: item,
1237	1196	isActive: activeStateResolver.isMenuActive(item),
	1197	+ children: getChildren(item),
1238	1198	activeChildSlug: activeChildSlug
1239		- }, getChildren(item)));
	1199	+ }));
1240	1200	}));
1241	1201	};
1242	1202	SidebarMenu.propTypes = {
1243	1203	menuItems: _propTypes.default.array.isRequired,
		@@ -1340,9 +1300,8 @@
1340	1300	}));
1341	1301	exports.StyledPopover = exports.SiteIconBox = exports.ScrollableContent = exports.PopoverTitle = exports.PopoverListItemButton = exports.PopoverContent = exports.NavContainer = exports.MenuList = exports.MenuItemButton = exports.MenuIcon = exports.ExpandIcon = exports.CollapsedMenuItemContainer = exports.CollapsedIconButton = exports.CollapsedHeaderContainer = exports.CollapseButton = exports.ChildMenuItemButton = exports.ChildListItem = void 0;
1342	1302	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1343	1303	var _ChevronDownSmallIcon = _interopRequireDefault(__webpack_require__(/*! @elementor/icons/ChevronDownSmallIcon */ "@elementor/icons/ChevronDownSmallIcon"));
1344		-var _isRtl = _interopRequireDefault(__webpack_require__(/*! ../../../shared/is-rtl */ "../modules/editor-one/assets/js/shared/is-rtl.js"));
1345	1304	var NavContainer = exports.NavContainer = (0, _ui.styled)(_ui.Box)(function (_ref) {
1346	1305	var theme = _ref.theme;
1347	1306	return {
1348	1307	display: 'flex',
		@@ -1375,15 +1334,15 @@
1375	1334	}
1376	1335	})(function (_ref3) {
1377	1336	var theme = _ref3.theme,
1378	1337	expanded = _ref3.expanded;
1379		- var isRtlLanguage = (0, _isRtl.default)();
	1338	+ var isRtl = 'rtl' === theme.direction;
1380	1339	var transform = 'none';
1381		- if (expanded && isRtlLanguage) {
	1340	+ if (expanded && isRtl) {
1382	1341	transform = 'rotate(180deg) scaleX(-1)';
1383	1342	} else if (expanded) {
1384	1343	transform = 'rotate(180deg)';
1385		- } else if (isRtlLanguage) {
	1344	+ } else if (isRtl) {
1386	1345	transform = 'scaleX(-1)';
1387	1346	}
1388	1347	return {
1389	1348	position: 'absolute',
		@@ -5538,14 +5497,12 @@
5538	5497	var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
5539	5498	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5540	5499	var _index = _interopRequireDefault(__webpack_require__(/*! ./components/index */ "../modules/editor-one/assets/js/sidebar-navigation/components/index.js"));
5541	5500	var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
5542		-var _isRtl = _interopRequireDefault(__webpack_require__(/*! ../shared/is-rtl */ "../modules/editor-one/assets/js/shared/is-rtl.js"));
5543	5501	var App = function App(_ref) {
5544	5502	var config = _ref.config;
5545		- var isRtlLanguage = (0, _isRtl.default)();
5546	5503	return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
5547		- rtl: isRtlLanguage
	5504	+ rtl: config.isRTL
5548	5505	}, /*#__PURE__*/_react.default.createElement(_ui.LocalizationProvider, null, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
5549	5506	colorScheme: "light"
5550	5507	}, /*#__PURE__*/_react.default.createElement(_index.default, {
5551	5508	config: config