← All changes | assets/js/editor-one-sidebar-navigation.js +10 -52 4.1.0-beta2 → 3.35.0-dev4 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();
		@@ -1340,9 +1301,8 @@
1340	1301	}));
1341	1302	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	1303	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1343	1304	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	1305	var NavContainer = exports.NavContainer = (0, _ui.styled)(_ui.Box)(function (_ref) {
1346	1306	var theme = _ref.theme;
1347	1307	return {
1348	1308	display: 'flex',
		@@ -1375,15 +1335,15 @@
1375	1335	}
1376	1336	})(function (_ref3) {
1377	1337	var theme = _ref3.theme,
1378	1338	expanded = _ref3.expanded;
1379		- var isRtlLanguage = (0, _isRtl.default)();
	1339	+ var isRtl = 'rtl' === theme.direction;
1380	1340	var transform = 'none';
1381		- if (expanded && isRtlLanguage) {
	1341	+ if (expanded && isRtl) {
1382	1342	transform = 'rotate(180deg) scaleX(-1)';
1383	1343	} else if (expanded) {
1384	1344	transform = 'rotate(180deg)';
1385		- } else if (isRtlLanguage) {
	1345	+ } else if (isRtl) {
1386	1346	transform = 'scaleX(-1)';
1387	1347	}
1388	1348	return {
1389	1349	position: 'absolute',
		@@ -5538,14 +5498,12 @@
5538	5498	var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js"));
5539	5499	var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
5540	5500	var _index = _interopRequireDefault(__webpack_require__(/*! ./components/index */ "../modules/editor-one/assets/js/sidebar-navigation/components/index.js"));
5541	5501	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	5502	var App = function App(_ref) {
5544	5503	var config = _ref.config;
5545		- var isRtlLanguage = (0, _isRtl.default)();
5546	5504	return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
5547		- rtl: isRtlLanguage
	5505	+ rtl: config.isRTL
5548	5506	}, /*#__PURE__*/_react.default.createElement(_ui.LocalizationProvider, null, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
5549	5507	colorScheme: "light"
5550	5508	}, /*#__PURE__*/_react.default.createElement(_index.default, {
5551	5509	config: config