PluginProbe
Elementor Website Builder – more than just a page builder / 3.34.0-beta1
Elementor Website Builder – more than just a page builder v3.34.0-beta1
4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 All 457 releases
← All changes | assets/js/element-manager-admin.js +634 -1467 4.2.2 → 3.34.0-beta1 View file →
@@ -191,12 +191,12 @@
191 191 }();
192 192
193 193 /***/ }),
194 194
195 -/***/ "../modules/element-manager/assets/js/app-editor-one/App.js":
196 -/*!******************************************************************!*\
197 - !*** ../modules/element-manager/assets/js/app-editor-one/App.js ***!
198 - \******************************************************************/
195 +/***/ "../modules/element-manager/assets/js/app.js":
196 +/*!***************************************************!*\
197 + !*** ../modules/element-manager/assets/js/app.js ***!
198 + \***************************************************/
199 199 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
200 200
201 201 "use strict";
202 202
@@ -201,1285 +201,200 @@
201 201 "use strict";
202 202
203 203
204 204 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
205 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
206 205 Object.defineProperty(exports, "__esModule", ({
207 206 value: true
208 207 }));
209 208 exports.App = void 0;
210 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
211 -var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
212 -var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
213 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
214 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
215 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
216 -var _hooks = __webpack_require__(/*! ./hooks */ "../modules/element-manager/assets/js/app-editor-one/hooks/index.js");
217 -var _components = __webpack_require__(/*! ./components */ "../modules/element-manager/assets/js/app-editor-one/components/index.js");
218 -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); }
219 -var App = exports.App = function App() {
220 - var _useState = (0, _react.useState)(false),
221 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
222 - isConfirmDialogOpen = _useState2[0],
223 - setIsConfirmDialogOpen = _useState2[1];
224 - var _useElementManager = (0, _hooks.useElementManager)(),
225 - isLoading = _useElementManager.isLoading,
226 - widgets = _useElementManager.widgets,
227 - promotionWidgets = _useElementManager.promotionWidgets,
228 - plugins = _useElementManager.plugins,
229 - roles = _useElementManager.roles,
230 - widgetsDisabled = _useElementManager.widgetsDisabled,
231 - widgetsRoleRestrictions = _useElementManager.widgetsRoleRestrictions,
232 - setWidgetsRoleRestrictions = _useElementManager.setWidgetsRoleRestrictions,
233 - promotionData = _useElementManager.promotionData,
234 - noticeData = _useElementManager.noticeData,
235 - usageWidgets = _useElementManager.usageWidgets,
236 - changeProgress = _useElementManager.changeProgress,
237 - isSnackbarOpen = _useElementManager.isSnackbarOpen,
238 - setIsSnackbarOpen = _useElementManager.setIsSnackbarOpen,
239 - getWidgetUsage = _useElementManager.getWidgetUsage,
240 - scanUsageElements = _useElementManager.scanUsageElements,
241 - saveChanges = _useElementManager.saveChanges,
242 - deactivateAllUnusedWidgets = _useElementManager.deactivateAllUnusedWidgets,
243 - enableAllWidgets = _useElementManager.enableAllWidgets,
244 - toggleWidget = _useElementManager.toggleWidget,
245 - dismissNotice = _useElementManager.dismissNotice;
246 - var _useWidgetFilters = (0, _hooks.useWidgetFilters)(widgets, widgetsDisabled, getWidgetUsage),
247 - searchKeyword = _useWidgetFilters.searchKeyword,
248 - setSearchKeyword = _useWidgetFilters.setSearchKeyword,
249 - filterByPlugin = _useWidgetFilters.filterByPlugin,
250 - setFilterByPlugin = _useWidgetFilters.setFilterByPlugin,
251 - filterByStatus = _useWidgetFilters.filterByStatus,
252 - setFilterByStatus = _useWidgetFilters.setFilterByStatus,
253 - sortedAndFilteredWidgets = _useWidgetFilters.sortedAndFilteredWidgets,
254 - getSortingIndicatorClasses = _useWidgetFilters.getSortingIndicatorClasses,
255 - onSortingClicked = _useWidgetFilters.onSortingClicked,
256 - setSortByUsage = _useWidgetFilters.setSortByUsage;
257 - var handleScanUsage = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
258 - return _regenerator.default.wrap(function (_context) {
259 - while (1) switch (_context.prev = _context.next) {
260 - case 0:
261 - _context.next = 1;
262 - return scanUsageElements();
263 - case 1:
264 - setSortByUsage();
265 - case 2:
266 - case "end":
267 - return _context.stop();
268 - }
269 - }, _callee);
270 - })), [scanUsageElements, setSortByUsage]);
271 - var handleSaveClick = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
272 - return _regenerator.default.wrap(function (_context2) {
273 - while (1) switch (_context2.prev = _context2.next) {
274 - case 0:
275 - setIsConfirmDialogOpen(false);
276 - _context2.next = 1;
277 - return saveChanges();
278 - case 1:
279 - case "end":
280 - return _context2.stop();
281 - }
282 - }, _callee2);
283 - })), [saveChanges]);
284 - if (isLoading) {
285 - return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
286 - justifyContent: "center",
287 - sx: {
288 - margin: 12
289 - }
290 - }, /*#__PURE__*/_react.default.createElement(_ui.CircularProgress, {
291 - size: 80
292 - }));
293 - }
294 - return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
295 - variant: "body2",
296 - color: "text.secondary",
297 - sx: {
298 - marginBlockEnd: 2.5,
299 - maxWidth: 800
300 - }
301 - }, (0, _i18n.__)('Here\'s where you can fine-tune Elementor to your workflow. Disable elements you don\'t use for a cleaner interface, more focused creative experience, and improved performance.', 'elementor'), ' ', /*#__PURE__*/_react.default.createElement(_ui.Link, {
302 - href: "https://go.elementor.com/wp-dash-element-manager/",
303 - rel: "noreferrer",
304 - target: "_blank",
305 - color: "info.light"
306 - }, (0, _i18n.__)('Learn More', 'elementor'))), noticeData && !noticeData.is_viewed && /*#__PURE__*/_react.default.createElement(_components.NoticeAlert, {
307 - onDismiss: dismissNotice
308 - }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_components.SearchFilters, {
309 - searchKeyword: searchKeyword,
310 - onSearchChange: setSearchKeyword,
311 - filterByPlugin: filterByPlugin,
312 - onPluginFilterChange: setFilterByPlugin,
313 - filterByStatus: filterByStatus,
314 - onStatusFilterChange: setFilterByStatus,
315 - plugins: plugins,
316 - usageIsLoading: usageWidgets.isLoading,
317 - usageData: usageWidgets.data,
318 - widgetsDisabledCount: widgetsDisabled.length,
319 - onScanUsage: handleScanUsage,
320 - onDeactivateUnused: deactivateAllUnusedWidgets,
321 - onEnableAll: enableAllWidgets,
322 - onSaveChanges: function onSaveChanges() {
323 - return setIsConfirmDialogOpen(true);
324 - },
325 - isSaving: changeProgress.isSaving,
326 - hasUnsavedChanges: changeProgress.isUnsavedChanges
327 - }), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_components.WidgetsTable, {
328 - widgets: sortedAndFilteredWidgets,
329 - widgetsDisabled: widgetsDisabled,
330 - widgetsRoleRestrictions: widgetsRoleRestrictions,
331 - setWidgetsRoleRestrictions: setWidgetsRoleRestrictions,
332 - roles: roles,
333 - promotionWidgets: promotionWidgets,
334 - promotionData: promotionData,
335 - usageWidgets: usageWidgets,
336 - getWidgetUsage: getWidgetUsage,
337 - onScanUsage: handleScanUsage,
338 - onToggleWidget: toggleWidget,
339 - getSortingIndicatorClasses: getSortingIndicatorClasses,
340 - onSortingClicked: onSortingClicked
341 - })), /*#__PURE__*/_react.default.createElement(_components.PromotionWidgetsTable, {
342 - widgets: promotionWidgets,
343 - promotionData: promotionData
344 - })), /*#__PURE__*/_react.default.createElement(_components.ConfirmDialog, {
345 - isOpen: isConfirmDialogOpen,
346 - onClose: function onClose() {
347 - return setIsConfirmDialogOpen(false);
348 - },
349 - onConfirm: handleSaveClick
350 - }), /*#__PURE__*/_react.default.createElement(_ui.Snackbar, {
351 - open: isSnackbarOpen,
352 - autoHideDuration: 6000,
353 - onClose: function onClose() {
354 - return setIsSnackbarOpen(false);
355 - },
356 - message: (0, _i18n.__)('We saved your changes.', 'elementor'),
357 - anchorOrigin: {
358 - vertical: 'bottom',
359 - horizontal: 'center'
360 - }
361 - }));
362 -};
363 -
364 -/***/ }),
365 -
366 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/ConfirmDialog.js":
367 -/*!***************************************************************************************!*\
368 - !*** ../modules/element-manager/assets/js/app-editor-one/components/ConfirmDialog.js ***!
369 - \***************************************************************************************/
370 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
371 -
372 -"use strict";
373 -
374 -
375 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
376 -Object.defineProperty(exports, "__esModule", ({
377 - value: true
378 -}));
379 -exports.ConfirmDialog = void 0;
380 209 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
381 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
382 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
383 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
384 -var ConfirmDialog = exports.ConfirmDialog = function ConfirmDialog(_ref) {
385 - var isOpen = _ref.isOpen,
386 - onClose = _ref.onClose,
387 - onConfirm = _ref.onConfirm;
388 - return /*#__PURE__*/_react.default.createElement(_ui.Dialog, {
389 - open: isOpen,
390 - onClose: onClose,
391 - maxWidth: "sm"
392 - }, /*#__PURE__*/_react.default.createElement(_ui.DialogTitle, null, (0, _i18n.__)('Sure you want to save these changes?', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.DialogContent, null, /*#__PURE__*/_react.default.createElement(_ui.DialogContentText, null, (0, _i18n.__)('Turning widgets off will hide them from the editor panel, and can potentially affect your layout or front-end.', 'elementor'), /*#__PURE__*/_react.default.createElement(_ui.Box, {
393 - component: "span",
394 - sx: {
395 - display: 'block',
396 - mt: 2.5
397 - }
398 - }, (0, _i18n.__)('If you\'re adding widgets back in, enjoy them!', 'elementor')))), /*#__PURE__*/_react.default.createElement(_ui.DialogActions, null, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
399 - direction: "row",
400 - gap: 2,
401 - justifyContent: "flex-end"
402 - }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
403 - variant: "outlined",
404 - color: "secondary",
405 - onClick: onClose,
406 - className: "e-id-elementor-element-manager-modal-button-cancel"
407 - }, (0, _i18n.__)('Cancel', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Button, {
408 - variant: "contained",
409 - onClick: onConfirm,
410 - className: "e-id-elementor-element-manager-modal-button-save"
411 - }, (0, _i18n.__)('Save', 'elementor')))));
412 -};
413 -ConfirmDialog.propTypes = {
414 - isOpen: _propTypes.default.bool.isRequired,
415 - onClose: _propTypes.default.func.isRequired,
416 - onConfirm: _propTypes.default.func.isRequired
417 -};
418 -
419 -/***/ }),
420 -
421 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/NoticeAlert.js":
422 -/*!*************************************************************************************!*\
423 - !*** ../modules/element-manager/assets/js/app-editor-one/components/NoticeAlert.js ***!
424 - \*************************************************************************************/
425 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
426 -
427 -"use strict";
428 -
429 -
430 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
431 -Object.defineProperty(exports, "__esModule", ({
432 - value: true
433 -}));
434 -exports.NoticeAlert = void 0;
435 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
436 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
437 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
438 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
439 -var NoticeAlert = exports.NoticeAlert = function NoticeAlert(_ref) {
440 - var onDismiss = _ref.onDismiss;
441 - return /*#__PURE__*/_react.default.createElement(_ui.Box, {
442 - sx: {
443 - mb: 2
444 - }
445 - }, /*#__PURE__*/_react.default.createElement(_ui.Alert, {
446 - severity: "warning",
447 - onClose: onDismiss
448 - }, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
449 - component: "strong",
450 - variant: "body2",
451 - sx: {
452 - fontWeight: 700
453 - }
454 - }, (0, _i18n.__)('Before you continue:', 'elementor')), ' ', (0, _i18n.__)('Deactivating widgets here will remove them from both the Elementor Editor and your website, which can cause changes to your overall layout, design and what visitors see.', 'elementor')));
455 -};
456 -NoticeAlert.propTypes = {
457 - onDismiss: _propTypes.default.func.isRequired
458 -};
459 -
460 -/***/ }),
461 -
462 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/PromotionWidgetsTable.js":
463 -/*!***********************************************************************************************!*\
464 - !*** ../modules/element-manager/assets/js/app-editor-one/components/PromotionWidgetsTable.js ***!
465 - \***********************************************************************************************/
466 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
467 -
468 -"use strict";
469 -
470 -
471 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
472 -Object.defineProperty(exports, "__esModule", ({
473 - value: true
474 -}));
475 -exports.PromotionWidgetsTable = void 0;
476 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
477 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
478 -var _icons = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
479 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
480 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
481 -var _upgradeButton = __webpack_require__(/*! ../../upgrade-button */ "../modules/element-manager/assets/js/upgrade-button.js");
482 -var _RolePermissions = __webpack_require__(/*! ./RolePermissions */ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js");
483 -var PromotionWidgetsTable = exports.PromotionWidgetsTable = function PromotionWidgetsTable(_ref) {
484 - var widgets = _ref.widgets,
485 - promotionData = _ref.promotionData;
486 - var elementManager = promotionData.element_manager;
487 - if (!widgets.length) {
488 - return null;
489 - }
490 - return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
491 - sx: {
492 - mt: 5,
493 - mb: 2.5
494 - }
495 - }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
496 - direction: "row",
497 - justifyContent: "space-between",
498 - alignItems: "center"
499 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Typography, {
500 - variant: "h6",
501 - component: "h3"
502 - }, (0, _i18n.__)('Elementor Pro Elements', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Typography, {
503 - variant: "body2",
504 - component: "p"
505 - }, (0, _i18n.__)('Unleash the full power of Elementor\'s features and web creation tools.', 'elementor'))), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
506 - href: elementManager.url,
507 - text: elementManager.text,
508 - className: "e-id-elementor-element-manager-button-upgrade-pro-elements"
509 - })))), /*#__PURE__*/_react.default.createElement(_ui.TableContainer, {
510 - component: _ui.Paper,
511 - variant: "outlined"
512 - }, /*#__PURE__*/_react.default.createElement(_ui.Table, {
513 - size: "small"
514 - }, /*#__PURE__*/_react.default.createElement(_ui.TableHead, null, /*#__PURE__*/_react.default.createElement(_ui.TableRow, null, /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
515 - sx: function sx(theme) {
516 - return {
517 - width: theme.spacing(25)
518 - };
519 - }
520 - }, (0, _i18n.__)('Element', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
521 - sx: function sx(theme) {
522 - return {
523 - width: theme.spacing(10)
524 - };
525 - }
526 - }, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Usage', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
527 - direction: "row",
528 - justifyContent: "flex-start",
529 - alignItems: "center",
530 - gap: 1
531 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
532 - placement: "top",
533 - title: (0, _i18n.__)('Choose which role will have access to a specific widget.', 'elementor')
534 - }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
535 - size: "small"
536 - }, /*#__PURE__*/_react.default.createElement(_icons.HelpIcon, {
537 - fontSize: "small"
538 - })))))))), /*#__PURE__*/_react.default.createElement(_ui.TableBody, null, widgets.map(function (widget) {
539 - return /*#__PURE__*/_react.default.createElement(_ui.TableRow, {
540 - key: widget.name,
541 - hover: true
542 - }, /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
543 - sx: {
544 - display: 'flex',
545 - alignItems: 'center'
546 - }
547 - }, /*#__PURE__*/_react.default.createElement("i", {
548 - style: {
549 - marginInlineEnd: 8
550 - },
551 - className: widget.icon
552 - }), widget.title)), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Switch, {
553 - checked: false,
554 - disabled: true,
555 - size: "small",
556 - "data-id": "e-id-elementor-element-manager-toggle-".concat(widget.name)
557 - })), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Elementor Pro', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_RolePermissions.EditButtonDisabled, {
558 - widgetName: widget.name
559 - })));
560 - })))));
561 -};
562 -PromotionWidgetsTable.propTypes = {
563 - widgets: _propTypes.default.arrayOf(_propTypes.default.shape({
564 - name: _propTypes.default.string.isRequired,
565 - title: _propTypes.default.string.isRequired,
566 - icon: _propTypes.default.string
567 - })).isRequired,
568 - promotionData: _propTypes.default.shape({
569 - element_manager: _propTypes.default.shape({
570 - url: _propTypes.default.string,
571 - text: _propTypes.default.string
572 - })
573 - }).isRequired
574 -};
575 -
576 -/***/ }),
577 -
578 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js":
579 -/*!*****************************************************************************************!*\
580 - !*** ../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js ***!
581 - \*****************************************************************************************/
582 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
583 -
584 -"use strict";
585 -
586 -
587 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
588 -var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js");
589 -Object.defineProperty(exports, "__esModule", ({
590 - value: true
591 -}));
592 -exports.RolePermissions = exports.EditButtonDisabled = void 0;
593 -var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react"));
594 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
595 -var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
596 -var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
597 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
598 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
599 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
600 -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); }
601 -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
602 -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
603 -var toggleRoleRestrictions = function toggleRoleRestrictions(widgetName, roleId, widgetsRoleRestrictions, setWidgetsRoleRestrictions) {
604 - var widgetRoleRestrictions = (0, _toConsumableArray2.default)(widgetsRoleRestrictions[widgetName] || []);
605 - if (widgetRoleRestrictions.includes(roleId)) {
606 - widgetRoleRestrictions.splice(widgetRoleRestrictions.indexOf(roleId), 1);
607 - } else {
608 - widgetRoleRestrictions.push(roleId);
609 - }
610 - setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, widgetRoleRestrictions)));
611 -};
612 -var RolesList = function RolesList(_ref) {
613 - var roles = _ref.roles,
614 - widgetRoleRestrictions = _ref.widgetRoleRestrictions;
615 - var rolesEnabled = roles.filter(function (role) {
616 - return !widgetRoleRestrictions.includes(role.id);
617 - });
618 - if (!rolesEnabled.length) {
619 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
620 - component: "span",
621 - variant: "body2",
622 - color: "text.primary"
623 - }, "(", (0, _i18n.__)('Admin', 'elementor'), ")");
624 - }
625 - if (rolesEnabled.length === roles.length) {
626 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
627 - component: "span",
628 - variant: "body2",
629 - color: "text.primary"
630 - }, "(", (0, _i18n.__)('All Roles', 'elementor'), ")");
631 - }
632 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
633 - component: "span",
634 - variant: "body2",
635 - color: "text.primary"
636 - }, "(", rolesEnabled.map(function (role) {
637 - return role.name;
638 - }).join(', '), ")");
639 -};
640 -RolesList.propTypes = {
641 - roles: _propTypes.default.arrayOf(_propTypes.default.shape({
642 - id: _propTypes.default.string.isRequired,
643 - name: _propTypes.default.string.isRequired
644 - })).isRequired,
645 - widgetRoleRestrictions: _propTypes.default.arrayOf(_propTypes.default.string).isRequired
646 -};
647 -var RolePermissions = exports.RolePermissions = function RolePermissions(_ref2) {
648 - var roles = _ref2.roles,
649 - widgetName = _ref2.widgetName,
650 - widgetsRoleRestrictions = _ref2.widgetsRoleRestrictions,
651 - setWidgetsRoleRestrictions = _ref2.setWidgetsRoleRestrictions;
652 - var _useState = (0, _react.useState)(null),
653 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
654 - anchorEl = _useState2[0],
655 - setAnchorEl = _useState2[1];
656 - var isOpen = Boolean(anchorEl);
657 - var widgetRoleRestrictions = widgetsRoleRestrictions[widgetName] || [];
658 - var handleClick = (0, _react.useCallback)(function (event) {
659 - setAnchorEl(event.currentTarget);
660 - }, []);
661 - var handleClose = (0, _react.useCallback)(function () {
662 - setAnchorEl(null);
663 - }, []);
664 - var isAllChecked = roles.every(function (role) {
665 - return !widgetRoleRestrictions.includes(role.id);
666 - });
667 - var isIndeterminate = !isAllChecked && roles.some(function (role) {
668 - return !widgetRoleRestrictions.includes(role.id);
669 - });
670 - var handleAllChange = (0, _react.useCallback)(function (event) {
671 - if (event.target.checked) {
672 - setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, [])));
673 - } else {
674 - setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, roles.map(function (role) {
675 - return role.id;
676 - }))));
677 - }
678 - }, [widgetName, widgetsRoleRestrictions, setWidgetsRoleRestrictions, roles]);
679 - return /*#__PURE__*/_react.default.createElement(_ui.Box, {
680 - sx: {
681 - display: 'inline-flex',
682 - alignItems: 'center',
683 - gap: 0.5
684 - }
685 - }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
686 - variant: "text",
687 - color: "secondary",
688 - size: "small",
689 - onClick: handleClick,
690 - "aria-expanded": isOpen,
691 - "aria-haspopup": "true",
692 - className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
693 - }, (0, _i18n.__)('Edit', 'elementor')), /*#__PURE__*/_react.default.createElement(RolesList, {
694 - roles: roles,
695 - widgetRoleRestrictions: widgetRoleRestrictions
696 - }), /*#__PURE__*/_react.default.createElement(_ui.Menu, {
697 - anchorEl: anchorEl,
698 - open: isOpen,
699 - onClose: handleClose,
700 - anchorOrigin: {
701 - vertical: 'bottom',
702 - horizontal: 'left'
703 - },
704 - transformOrigin: {
705 - vertical: 'top',
706 - horizontal: 'left'
707 - }
708 - }, /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
709 - sx: {
710 - py: 0.5
711 - }
712 - }, /*#__PURE__*/_react.default.createElement(_ui.FormControlLabel, {
713 - control: /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
714 - checked: isAllChecked,
715 - indeterminate: isIndeterminate,
716 - onChange: handleAllChange,
717 - size: "small",
718 - color: "secondary"
719 - }),
720 - label: (0, _i18n.__)('All', 'elementor')
721 - })), roles.map(function (role) {
722 - return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
723 - key: role.id,
724 - sx: {
725 - py: 0.5
726 - }
727 - }, /*#__PURE__*/_react.default.createElement(_ui.FormControlLabel, {
728 - control: /*#__PURE__*/_react.default.createElement(_ui.Checkbox, {
729 - color: "secondary",
730 - checked: !widgetRoleRestrictions.includes(role.id),
731 - onChange: function onChange() {
732 - toggleRoleRestrictions(widgetName, role.id, widgetsRoleRestrictions, setWidgetsRoleRestrictions);
733 - },
734 - size: "small"
735 - }),
736 - label: role.name
737 - }));
738 - })));
739 -};
740 -RolePermissions.propTypes = {
741 - roles: _propTypes.default.arrayOf(_propTypes.default.shape({
742 - id: _propTypes.default.string.isRequired,
743 - name: _propTypes.default.string.isRequired
744 - })).isRequired,
745 - widgetName: _propTypes.default.string.isRequired,
746 - widgetsRoleRestrictions: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]).isRequired,
747 - setWidgetsRoleRestrictions: _propTypes.default.func.isRequired
748 -};
749 -var EditButtonDisabled = exports.EditButtonDisabled = function EditButtonDisabled(_ref3) {
750 - var _ref3$widgetName = _ref3.widgetName,
751 - widgetName = _ref3$widgetName === void 0 ? 'unknown' : _ref3$widgetName;
752 - return /*#__PURE__*/_react.default.createElement(_ui.Button, {
753 - variant: "text",
754 - color: "secondary",
755 - size: "small",
756 - disabled: true,
757 - className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
758 - }, (0, _i18n.__)('Edit', 'elementor'));
759 -};
760 -EditButtonDisabled.propTypes = {
761 - widgetName: _propTypes.default.string
762 -};
763 -
764 -/***/ }),
765 -
766 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/SearchFilters.js":
767 -/*!***************************************************************************************!*\
768 - !*** ../modules/element-manager/assets/js/app-editor-one/components/SearchFilters.js ***!
769 - \***************************************************************************************/
770 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
771 -
772 -"use strict";
773 -
774 -
775 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
776 -Object.defineProperty(exports, "__esModule", ({
777 - value: true
778 -}));
779 -exports.SearchFilters = void 0;
780 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
781 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
782 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
783 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
784 -var FIELD_HEIGHT = 28;
785 -var FONT_SIZE = 12;
786 -var ICON_SIZE = 16;
787 -var StyledTextField = (0, _ui.styled)(_ui.TextField)({
788 - '& .MuiInputBase-root': {
789 - height: FIELD_HEIGHT,
790 - fontSize: FONT_SIZE
791 - }
792 -});
793 -var StyledFormControl = (0, _ui.styled)(_ui.FormControl)({
794 - '& .MuiInputBase-root': {
795 - height: FIELD_HEIGHT,
796 - fontSize: FONT_SIZE
797 - },
798 - '& .MuiSelect-icon': {
799 - width: ICON_SIZE,
800 - height: ICON_SIZE,
801 - top: 'calc(50% - 8px)'
802 - }
803 -});
804 -var StyledButton = (0, _ui.styled)(_ui.Button)({
805 - height: FIELD_HEIGHT,
806 - fontSize: FONT_SIZE,
807 - minWidth: 'auto',
808 - whiteSpace: 'nowrap'
809 -});
810 -var SearchFilters = exports.SearchFilters = function SearchFilters(_ref) {
811 - var searchKeyword = _ref.searchKeyword,
812 - onSearchChange = _ref.onSearchChange,
813 - filterByPlugin = _ref.filterByPlugin,
814 - onPluginFilterChange = _ref.onPluginFilterChange,
815 - filterByStatus = _ref.filterByStatus,
816 - onStatusFilterChange = _ref.onStatusFilterChange,
817 - plugins = _ref.plugins,
818 - usageIsLoading = _ref.usageIsLoading,
819 - usageData = _ref.usageData,
820 - widgetsDisabledCount = _ref.widgetsDisabledCount,
821 - onScanUsage = _ref.onScanUsage,
822 - onDeactivateUnused = _ref.onDeactivateUnused,
823 - onEnableAll = _ref.onEnableAll,
824 - onSaveChanges = _ref.onSaveChanges,
825 - isSaving = _ref.isSaving,
826 - hasUnsavedChanges = _ref.hasUnsavedChanges;
827 - return /*#__PURE__*/_react.default.createElement(_ui.Stack, {
828 - direction: {
829 - xs: 'column',
830 - sm: 'row'
831 - },
832 - alignItems: {
833 - xs: 'stretch',
834 - sm: 'flex-start'
835 - },
836 - gap: 1.5,
837 - sx: function sx(theme) {
838 - return {
839 - position: 'sticky',
840 - top: 0,
841 - '@media screen and (max-width: 782px)': {
842 - top: 'calc(var(--e-admin-bar-height, 0px) + var(--e-top-bar-header-height, 0px))'
843 - },
844 - backgroundColor: 'var(--e-one-palette-background-default)',
845 - zIndex: 10,
846 - paddingBlock: 2,
847 - paddingInline: 2,
848 - boxShadow: 'rgba(0, 0, 0, 0.15) 0 5px 10px 0',
849 - marginBottom: theme.spacing(1)
850 - };
851 - }
852 - }, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
853 - direction: "row",
854 - alignItems: "center",
855 - flexWrap: "wrap",
856 - gap: 1.5,
857 - sx: {
858 - flex: 1
859 - }
860 - }, /*#__PURE__*/_react.default.createElement(StyledTextField, {
861 - color: "secondary",
862 - value: searchKeyword,
863 - size: "small",
864 - placeholder: (0, _i18n.__)('Search', 'elementor'),
865 - onChange: function onChange(e) {
866 - return onSearchChange(e.target.value);
867 - },
868 - sx: function sx(theme) {
869 - return {
870 - minWidth: theme.spacing(14)
871 - };
872 - }
873 - }), /*#__PURE__*/_react.default.createElement(StyledFormControl, {
874 - size: "small",
875 - sx: function sx(theme) {
876 - return {
877 - width: theme.spacing(20)
878 - };
879 - },
880 - color: "secondary"
881 - }, /*#__PURE__*/_react.default.createElement(_ui.Select, {
882 - placeholder: (0, _i18n.__)('Plugin', 'elementor'),
883 - value: filterByPlugin,
884 - onChange: function onChange(event) {
885 - return onPluginFilterChange(event.target.value);
886 - },
887 - "data-id": "elementor-element-manager-select-filter-by-plugin",
888 - displayEmpty: true,
889 - renderValue: function renderValue(value) {
890 - if ('' === value) {
891 - return (0, _i18n.__)('All Plugins', 'elementor');
892 - }
893 - var selectedPlugin = plugins.find(function (p) {
894 - return p.value === value;
895 - });
896 - return selectedPlugin ? selectedPlugin.label : value;
897 - }
898 - }, /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
899 - value: ""
900 - }, (0, _i18n.__)('All Plugins', 'elementor')), plugins.map(function (plugin) {
901 - return /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
902 - key: plugin.value,
903 - value: plugin.value
904 - }, plugin.label);
905 - }))), /*#__PURE__*/_react.default.createElement(StyledFormControl, {
906 - size: "small",
907 - sx: function sx(theme) {
908 - return {
909 - width: theme.spacing(20)
910 - };
911 - },
912 - color: "secondary"
913 - }, /*#__PURE__*/_react.default.createElement(_ui.Select, {
914 - value: filterByStatus,
915 - onChange: function onChange(event) {
916 - return onStatusFilterChange(event.target.value);
917 - },
918 - "data-id": "elementor-element-manager-select-filter-by-status",
919 - placeholder: (0, _i18n.__)('Status', 'elementor')
920 - }, /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
921 - value: "all"
922 - }, (0, _i18n.__)('All Statuses', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
923 - value: "active"
924 - }, (0, _i18n.__)('Active', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.MenuItem, {
925 - value: "inactive"
926 - }, (0, _i18n.__)('Inactive', 'elementor')))), /*#__PURE__*/_react.default.createElement(_ui.Divider, {
927 - orientation: "vertical",
928 - flexItem: true,
929 - sx: {
930 - height: FIELD_HEIGHT,
931 - marginBlock: 0,
932 - marginInline: 0.5,
933 - alignSelf: 'center',
934 - display: {
935 - xs: 'none',
936 - md: 'block'
937 - }
938 - }
939 - }), /*#__PURE__*/_react.default.createElement(StyledButton, {
940 - variant: "outlined",
941 - color: "secondary",
942 - size: "small",
943 - disabled: usageIsLoading,
944 - onClick: onScanUsage,
945 - "data-id": "e-id-elementor-element-manager-button-scan-element-usage",
946 - loading: usageIsLoading
947 - }, (0, _i18n.__)('Scan Element Usage', 'elementor')), /*#__PURE__*/_react.default.createElement(StyledButton, {
948 - variant: "outlined",
949 - color: "secondary",
950 - size: "small",
951 - onClick: onDeactivateUnused,
952 - disabled: null === usageData,
953 - "data-id": "e-id-elementor-element-manager-button-deactivate-unused-elements"
954 - }, (0, _i18n.__)('Deactivate Unused Elements', 'elementor')), /*#__PURE__*/_react.default.createElement(StyledButton, {
955 - variant: "outlined",
956 - color: "secondary",
957 - size: "small",
958 - disabled: !widgetsDisabledCount,
959 - onClick: onEnableAll,
960 - "data-id": "e-id-elementor-element-manager-button-enable-all"
961 - }, (0, _i18n.__)('Enable All', 'elementor'))), /*#__PURE__*/_react.default.createElement(StyledButton, {
962 - variant: "contained",
963 - size: "small",
964 - disabled: isSaving || !hasUnsavedChanges,
965 - onClick: onSaveChanges,
966 - "data-id": "e-id-elementor-element-manager-button-save-changes",
967 - loading: isSaving,
968 - sx: {
969 - alignSelf: 'flex-start'
970 - }
971 - }, (0, _i18n.__)('Save Changes', 'elementor')));
972 -};
973 -SearchFilters.propTypes = {
974 - searchKeyword: _propTypes.default.string.isRequired,
975 - onSearchChange: _propTypes.default.func.isRequired,
976 - filterByPlugin: _propTypes.default.string.isRequired,
977 - onPluginFilterChange: _propTypes.default.func.isRequired,
978 - filterByStatus: _propTypes.default.string.isRequired,
979 - onStatusFilterChange: _propTypes.default.func.isRequired,
980 - plugins: _propTypes.default.arrayOf(_propTypes.default.shape({
981 - label: _propTypes.default.string.isRequired,
982 - value: _propTypes.default.string.isRequired
983 - })).isRequired,
984 - usageIsLoading: _propTypes.default.bool,
985 - usageData: _propTypes.default.object,
986 - widgetsDisabledCount: _propTypes.default.number.isRequired,
987 - onScanUsage: _propTypes.default.func.isRequired,
988 - onDeactivateUnused: _propTypes.default.func.isRequired,
989 - onEnableAll: _propTypes.default.func.isRequired,
990 - onSaveChanges: _propTypes.default.func.isRequired,
991 - isSaving: _propTypes.default.bool,
992 - hasUnsavedChanges: _propTypes.default.bool
993 -};
994 -
995 -/***/ }),
996 -
997 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js":
998 -/*!******************************************************************************************!*\
999 - !*** ../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js ***!
1000 - \******************************************************************************************/
1001 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1002 -
1003 -"use strict";
1004 -
1005 -
1006 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1007 -Object.defineProperty(exports, "__esModule", ({
1008 - value: true
1009 -}));
1010 -exports.UsageTimesColumn = void 0;
1011 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1012 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1013 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1014 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
1015 -var UsageTimesColumn = exports.UsageTimesColumn = function UsageTimesColumn(_ref) {
1016 - var widgetName = _ref.widgetName,
1017 - usageData = _ref.usageData,
1018 - isLoading = _ref.isLoading,
1019 - getWidgetUsage = _ref.getWidgetUsage,
1020 - onScanClick = _ref.onScanClick;
1021 - if (null !== usageData) {
1022 - return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getWidgetUsage(widgetName), " ", (0, _i18n.__)('times', 'elementor'));
1023 - }
1024 - if (isLoading) {
1025 - return /*#__PURE__*/_react.default.createElement(_ui.CircularProgress, {
1026 - color: "secondary",
1027 - size: 20
1028 - });
1029 - }
1030 - return /*#__PURE__*/_react.default.createElement(_ui.Button, {
1031 - onClick: onScanClick,
1032 - size: "small",
1033 - variant: "outlined",
1034 - color: "secondary",
1035 - className: "e-id-elementor-element-manager-button-show-usage",
1036 - sx: {
1037 - minWidth: function minWidth(theme) {
1038 - return theme.spacing(6);
1039 - },
1040 - height: 26
1041 - }
1042 - }, (0, _i18n.__)('Show', 'elementor'));
1043 -};
1044 -UsageTimesColumn.propTypes = {
1045 - widgetName: _propTypes.default.string.isRequired,
1046 - usageData: _propTypes.default.object,
1047 - isLoading: _propTypes.default.bool,
1048 - getWidgetUsage: _propTypes.default.func.isRequired,
1049 - onScanClick: _propTypes.default.func.isRequired
1050 -};
1051 -
1052 -/***/ }),
1053 -
1054 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/WidgetsTable.js":
1055 -/*!**************************************************************************************!*\
1056 - !*** ../modules/element-manager/assets/js/app-editor-one/components/WidgetsTable.js ***!
1057 - \**************************************************************************************/
1058 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1059 -
1060 -"use strict";
1061 -
1062 -
1063 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1064 -Object.defineProperty(exports, "__esModule", ({
1065 - value: true
1066 -}));
1067 -exports.WidgetsTable = void 0;
1068 -var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1069 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1070 -var _icons = __webpack_require__(/*! @elementor/icons */ "@elementor/icons");
1071 -var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
1072 -var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js"));
1073 -var _upgradeButton = __webpack_require__(/*! ../../upgrade-button */ "../modules/element-manager/assets/js/upgrade-button.js");
1074 -var _RolePermissions = __webpack_require__(/*! ./RolePermissions */ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js");
1075 -var _UsageTimesColumn = __webpack_require__(/*! ./UsageTimesColumn */ "../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js");
1076 -var StyledSwitch = (0, _ui.styled)(_ui.Switch)({
1077 - '& .MuiSwitch-track': {
1078 - backgroundColor: 'rgba(0, 0, 0, 0.12);'
1079 - },
1080 - '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
1081 - backgroundColor: '#000'
1082 - },
1083 - '& .MuiSwitch-switchBase:not(.Mui-checked) .MuiSwitch-thumb': {
1084 - backgroundColor: '#D5D8DC'
1085 - },
1086 - '& .MuiSwitch-switchBase.Mui-checked .MuiSwitch-thumb': {
1087 - backgroundColor: '#fff'
1088 - }
1089 -});
1090 -var WidgetsTable = exports.WidgetsTable = function WidgetsTable(_ref) {
1091 - var widgets = _ref.widgets,
1092 - widgetsDisabled = _ref.widgetsDisabled,
1093 - widgetsRoleRestrictions = _ref.widgetsRoleRestrictions,
1094 - setWidgetsRoleRestrictions = _ref.setWidgetsRoleRestrictions,
1095 - roles = _ref.roles,
1096 - promotionWidgets = _ref.promotionWidgets,
1097 - promotionData = _ref.promotionData,
1098 - usageWidgets = _ref.usageWidgets,
1099 - getWidgetUsage = _ref.getWidgetUsage,
1100 - onScanUsage = _ref.onScanUsage,
1101 - onToggleWidget = _ref.onToggleWidget,
1102 - getSortingIndicatorClasses = _ref.getSortingIndicatorClasses,
1103 - onSortingClicked = _ref.onSortingClicked;
1104 - var managerPermissions = promotionData.manager_permissions;
1105 - var sortingClasses = getSortingIndicatorClasses('widget');
1106 - var isWidgetSorted = sortingClasses.includes('sorted');
1107 - var widgetSortDirection = sortingClasses.includes('asc') ? 'asc' : 'desc';
1108 - var usageSortingClasses = getSortingIndicatorClasses('usage');
1109 - var isUsageSorted = usageSortingClasses.includes('sorted');
1110 - var usageSortDirection = usageSortingClasses.includes('asc') ? 'asc' : 'desc';
1111 - if (!widgets.length) {
1112 - return /*#__PURE__*/_react.default.createElement(_ui.Typography, {
1113 - color: "text.secondary"
1114 - }, (0, _i18n.__)('No elements found.', 'elementor'));
1115 - }
1116 - return /*#__PURE__*/_react.default.createElement(_ui.TableContainer, {
1117 - component: _ui.Paper,
1118 - variant: "outlined"
1119 - }, /*#__PURE__*/_react.default.createElement(_ui.Table, {
1120 - size: "small"
1121 - }, /*#__PURE__*/_react.default.createElement(_ui.TableHead, null, /*#__PURE__*/_react.default.createElement(_ui.TableRow, null, /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
1122 - sx: function sx(theme) {
1123 - return {
1124 - width: theme.spacing(25)
1125 - };
1126 - }
1127 - }, /*#__PURE__*/_react.default.createElement(_ui.TableSortLabel, {
1128 - active: isWidgetSorted,
1129 - direction: isWidgetSorted ? widgetSortDirection : 'asc',
1130 - onClick: function onClick() {
1131 - return onSortingClicked('widget');
1132 - },
1133 - "data-id": "e-id-elementor-element-manager-button-sort-by-element"
1134 - }, (0, _i18n.__)('Element', 'elementor'))), /*#__PURE__*/_react.default.createElement(_ui.TableCell, {
1135 - sx: function sx(theme) {
1136 - return {
1137 - width: theme.spacing(10)
1138 - };
1139 - }
1140 - }, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.TableSortLabel, {
1141 - active: isUsageSorted,
1142 - direction: isUsageSorted ? usageSortDirection : 'asc',
1143 - onClick: function onClick() {
1144 - return onSortingClicked('usage');
1145 - },
1146 - "data-id": "e-id-elementor-element-manager-button-sort-by-usage"
1147 - }, (0, _i18n.__)('Usage', 'elementor'))), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Stack, {
1148 - direction: "row",
1149 - justifyContent: "flex-start",
1150 - alignItems: "center",
1151 - gap: 1
1152 - }, /*#__PURE__*/_react.default.createElement(_ui.Box, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_ui.Box, null, /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
1153 - placement: "top",
1154 - title: (0, _i18n.__)('Choose which users will have access to each widget.', 'elementor')
1155 - }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
1156 - size: "small"
1157 - }, /*#__PURE__*/_react.default.createElement(_icons.HelpIcon, {
1158 - fontSize: "small"
1159 - })))), null === widgetsRoleRestrictions && /*#__PURE__*/_react.default.createElement(_ui.Box, {
1160 - sx: {
1161 - marginInlineStart: 1
1162 - }
1163 - }, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
1164 - href: promotionWidgets.length ? managerPermissions.pro.url : managerPermissions.advanced.url,
1165 - size: "small",
1166 - text: promotionWidgets.length ? managerPermissions.pro.text : managerPermissions.advanced.text,
1167 - className: "go-pro",
1168 - "data-id": "e-id-elementor-element-manager-button-upgrade-permissions"
1169 - })))))), /*#__PURE__*/_react.default.createElement(_ui.TableBody, null, widgets.map(function (widget) {
1170 - return /*#__PURE__*/_react.default.createElement(_ui.TableRow, {
1171 - key: widget.name,
1172 - "data-key-id": widget.name,
1173 - hover: true
1174 - }, /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_ui.Box, {
1175 - sx: {
1176 - display: 'flex',
1177 - alignItems: 'center'
1178 - }
1179 - }, /*#__PURE__*/_react.default.createElement("i", {
1180 - style: {
1181 - marginInlineEnd: 8,
1182 - marginInlineStart: 0,
1183 - display: 'inline-block'
1184 - },
1185 - className: widget.icon
1186 - }), widget.title)), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(StyledSwitch, {
1187 - color: "secondary",
1188 - checked: !widgetsDisabled.includes(widget.name),
1189 - onChange: function onChange(event, checked) {
1190 - return onToggleWidget(widget.name, checked);
1191 - },
1192 - size: "small",
1193 - "data-id": "e-id-elementor-element-manager-toggle-".concat(widget.name)
1194 - })), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, /*#__PURE__*/_react.default.createElement(_UsageTimesColumn.UsageTimesColumn, {
1195 - widgetName: widget.name,
1196 - usageData: usageWidgets.data,
1197 - isLoading: usageWidgets.isLoading,
1198 - getWidgetUsage: getWidgetUsage,
1199 - onScanClick: onScanUsage
1200 - })), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, widget.plugin), /*#__PURE__*/_react.default.createElement(_ui.TableCell, null, null !== widgetsRoleRestrictions && !widgetsDisabled.includes(widget.name) ? /*#__PURE__*/_react.default.createElement(_RolePermissions.RolePermissions, {
1201 - widgetName: widget.name,
1202 - roles: roles,
1203 - widgetsRoleRestrictions: widgetsRoleRestrictions,
1204 - setWidgetsRoleRestrictions: setWidgetsRoleRestrictions
1205 - }) : /*#__PURE__*/_react.default.createElement(_RolePermissions.EditButtonDisabled, null)));
1206 - }))));
1207 -};
1208 -var widgetShape = _propTypes.default.shape({
1209 - name: _propTypes.default.string.isRequired,
1210 - title: _propTypes.default.string.isRequired,
1211 - icon: _propTypes.default.string,
1212 - plugin: _propTypes.default.string
1213 -});
1214 -WidgetsTable.propTypes = {
1215 - widgets: _propTypes.default.arrayOf(widgetShape).isRequired,
1216 - widgetsDisabled: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
1217 - widgetsRoleRestrictions: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.array]),
1218 - setWidgetsRoleRestrictions: _propTypes.default.func.isRequired,
1219 - roles: _propTypes.default.array.isRequired,
1220 - promotionWidgets: _propTypes.default.arrayOf(widgetShape).isRequired,
1221 - promotionData: _propTypes.default.shape({
1222 - manager_permissions: _propTypes.default.shape({
1223 - pro: _propTypes.default.shape({
1224 - url: _propTypes.default.string,
1225 - text: _propTypes.default.string
1226 - }),
1227 - advanced: _propTypes.default.shape({
1228 - url: _propTypes.default.string,
1229 - text: _propTypes.default.string
1230 - })
1231 - })
1232 - }).isRequired,
1233 - usageWidgets: _propTypes.default.shape({
1234 - isLoading: _propTypes.default.bool,
1235 - data: _propTypes.default.object
1236 - }).isRequired,
1237 - getWidgetUsage: _propTypes.default.func.isRequired,
1238 - onScanUsage: _propTypes.default.func.isRequired,
1239 - onToggleWidget: _propTypes.default.func.isRequired,
1240 - getSortingIndicatorClasses: _propTypes.default.func.isRequired,
1241 - onSortingClicked: _propTypes.default.func.isRequired
1242 -};
1243 -
1244 -/***/ }),
1245 -
1246 -/***/ "../modules/element-manager/assets/js/app-editor-one/components/index.js":
1247 -/*!*******************************************************************************!*\
1248 - !*** ../modules/element-manager/assets/js/app-editor-one/components/index.js ***!
1249 - \*******************************************************************************/
1250 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1251 -
1252 -"use strict";
1253 -
1254 -
1255 -Object.defineProperty(exports, "__esModule", ({
1256 - value: true
1257 -}));
1258 -Object.defineProperty(exports, "ConfirmDialog", ({
1259 - enumerable: true,
1260 - get: function get() {
1261 - return _ConfirmDialog.ConfirmDialog;
1262 - }
1263 -}));
1264 -Object.defineProperty(exports, "EditButtonDisabled", ({
1265 - enumerable: true,
1266 - get: function get() {
1267 - return _RolePermissions.EditButtonDisabled;
1268 - }
1269 -}));
1270 -Object.defineProperty(exports, "NoticeAlert", ({
1271 - enumerable: true,
1272 - get: function get() {
1273 - return _NoticeAlert.NoticeAlert;
1274 - }
1275 -}));
1276 -Object.defineProperty(exports, "PromotionWidgetsTable", ({
1277 - enumerable: true,
1278 - get: function get() {
1279 - return _PromotionWidgetsTable.PromotionWidgetsTable;
1280 - }
1281 -}));
1282 -Object.defineProperty(exports, "RolePermissions", ({
1283 - enumerable: true,
1284 - get: function get() {
1285 - return _RolePermissions.RolePermissions;
1286 - }
1287 -}));
1288 -Object.defineProperty(exports, "SearchFilters", ({
1289 - enumerable: true,
1290 - get: function get() {
1291 - return _SearchFilters.SearchFilters;
1292 - }
1293 -}));
1294 -Object.defineProperty(exports, "UsageTimesColumn", ({
1295 - enumerable: true,
1296 - get: function get() {
1297 - return _UsageTimesColumn.UsageTimesColumn;
1298 - }
1299 -}));
1300 -Object.defineProperty(exports, "WidgetsTable", ({
1301 - enumerable: true,
1302 - get: function get() {
1303 - return _WidgetsTable.WidgetsTable;
1304 - }
1305 -}));
1306 -var _UsageTimesColumn = __webpack_require__(/*! ./UsageTimesColumn */ "../modules/element-manager/assets/js/app-editor-one/components/UsageTimesColumn.js");
1307 -var _NoticeAlert = __webpack_require__(/*! ./NoticeAlert */ "../modules/element-manager/assets/js/app-editor-one/components/NoticeAlert.js");
1308 -var _ConfirmDialog = __webpack_require__(/*! ./ConfirmDialog */ "../modules/element-manager/assets/js/app-editor-one/components/ConfirmDialog.js");
1309 -var _SearchFilters = __webpack_require__(/*! ./SearchFilters */ "../modules/element-manager/assets/js/app-editor-one/components/SearchFilters.js");
1310 -var _WidgetsTable = __webpack_require__(/*! ./WidgetsTable */ "../modules/element-manager/assets/js/app-editor-one/components/WidgetsTable.js");
1311 -var _PromotionWidgetsTable = __webpack_require__(/*! ./PromotionWidgetsTable */ "../modules/element-manager/assets/js/app-editor-one/components/PromotionWidgetsTable.js");
1312 -var _RolePermissions = __webpack_require__(/*! ./RolePermissions */ "../modules/element-manager/assets/js/app-editor-one/components/RolePermissions.js");
1313 -
1314 -/***/ }),
1315 -
1316 -/***/ "../modules/element-manager/assets/js/app-editor-one/hooks/index.js":
1317 -/*!**************************************************************************!*\
1318 - !*** ../modules/element-manager/assets/js/app-editor-one/hooks/index.js ***!
1319 - \**************************************************************************/
1320 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1321 -
1322 -"use strict";
1323 -
1324 -
1325 -Object.defineProperty(exports, "__esModule", ({
1326 - value: true
1327 -}));
1328 -Object.defineProperty(exports, "useElementManager", ({
1329 - enumerable: true,
1330 - get: function get() {
1331 - return _useElementManager.useElementManager;
1332 - }
1333 -}));
1334 -Object.defineProperty(exports, "useWidgetFilters", ({
1335 - enumerable: true,
1336 - get: function get() {
1337 - return _useWidgetFilters.useWidgetFilters;
1338 - }
1339 -}));
1340 -var _useElementManager = __webpack_require__(/*! ./useElementManager */ "../modules/element-manager/assets/js/app-editor-one/hooks/useElementManager.js");
1341 -var _useWidgetFilters = __webpack_require__(/*! ./useWidgetFilters */ "../modules/element-manager/assets/js/app-editor-one/hooks/useWidgetFilters.js");
1342 -
1343 -/***/ }),
1344 -
1345 -/***/ "../modules/element-manager/assets/js/app-editor-one/hooks/useElementManager.js":
1346 -/*!**************************************************************************************!*\
1347 - !*** ../modules/element-manager/assets/js/app-editor-one/hooks/useElementManager.js ***!
1348 - \**************************************************************************************/
1349 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1350 -
1351 -"use strict";
1352 -
1353 -
1354 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1355 -Object.defineProperty(exports, "__esModule", ({
1356 - value: true
1357 -}));
1358 -exports.useElementManager = void 0;
1359 210 var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js"));
1360 211 var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js"));
1361 212 var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
1362 213 var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js"));
1363 214 var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1364 -var _react = __webpack_require__(/*! react */ "react");
1365 -var _api = __webpack_require__(/*! ../../api */ "../modules/element-manager/assets/js/api.js");
215 +var _element = __webpack_require__(/*! @wordpress/element */ "../node_modules/@wordpress/element/build-module/index.js");
216 +var _components = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
217 +var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
218 +var _upgradeButton = __webpack_require__(/*! ./upgrade-button */ "../modules/element-manager/assets/js/upgrade-button.js");
219 +var _api = __webpack_require__(/*! ./api */ "../modules/element-manager/assets/js/api.js");
220 +var _rolePermissions = __webpack_require__(/*! ./role-permissions */ "../modules/element-manager/assets/js/role-permissions.js");
1366 221 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1367 -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1368 -var useElementManager = exports.useElementManager = function useElementManager() {
1369 - var isInitialMount = (0, _react.useRef)(true);
1370 - var _useState = (0, _react.useState)(true),
222 +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable react/prop-types */
223 +var App = exports.App = function App() {
224 + var _useState = (0, _element.useState)(true),
1371 225 _useState2 = (0, _slicedToArray2.default)(_useState, 2),
1372 226 isLoading = _useState2[0],
1373 227 setIsLoading = _useState2[1];
1374 - var _useState3 = (0, _react.useState)([]),
228 + var _useState3 = (0, _element.useState)(''),
1375 229 _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
1376 - widgets = _useState4[0],
1377 - setWidgets = _useState4[1];
1378 - var _useState5 = (0, _react.useState)([]),
230 + searchKeyword = _useState4[0],
231 + setSearchKeyword = _useState4[1];
232 + var _useState5 = (0, _element.useState)([]),
1379 233 _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
1380 - promotionWidgets = _useState6[0],
1381 - setPromotionWidgets = _useState6[1];
1382 - var _useState7 = (0, _react.useState)([]),
234 + widgets = _useState6[0],
235 + setWidgets = _useState6[1];
236 + var _useState7 = (0, _element.useState)([]),
1383 237 _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
1384 - plugins = _useState8[0],
1385 - setPlugins = _useState8[1];
1386 - var _useState9 = (0, _react.useState)([]),
238 + promotionWidgets = _useState8[0],
239 + setPromotionWidgets = _useState8[1];
240 + var _useState9 = (0, _element.useState)([]),
1387 241 _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
1388 - roles = _useState0[0],
1389 - setRoles = _useState0[1];
1390 - var _useState1 = (0, _react.useState)([]),
242 + plugins = _useState0[0],
243 + setPlugins = _useState0[1];
244 + var _useState1 = (0, _element.useState)([]),
1391 245 _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
1392 - widgetsDisabled = _useState10[0],
1393 - setWidgetsDisabled = _useState10[1];
1394 - var _useState11 = (0, _react.useState)(null),
246 + roles = _useState10[0],
247 + setRoles = _useState10[1];
248 + var _useState11 = (0, _element.useState)({
249 + isLoading: false,
250 + data: null
251 + }),
1395 252 _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
1396 - widgetsRoleRestrictions = _useState12[0],
1397 - setWidgetsRoleRestrictions = _useState12[1];
1398 - var _useState13 = (0, _react.useState)([]),
253 + usageWidgets = _useState12[0],
254 + setUsageWidgets = _useState12[1];
255 + var _useState13 = (0, _element.useState)([]),
1399 256 _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
1400 - promotionData = _useState14[0],
1401 - setPromotionData = _useState14[1];
1402 - var _useState15 = (0, _react.useState)(null),
257 + widgetsDisabled = _useState14[0],
258 + setWidgetsDisabled = _useState14[1];
259 + var _useState15 = (0, _element.useState)('widget'),
1403 260 _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
1404 - noticeData = _useState16[0],
1405 - setNoticeData = _useState16[1];
1406 - var _useState17 = (0, _react.useState)({
1407 - isLoading: false,
1408 - data: null
1409 - }),
261 + sortingColumn = _useState16[0],
262 + setSortingColumn = _useState16[1];
263 + var _useState17 = (0, _element.useState)('asc'),
1410 264 _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
1411 - usageWidgets = _useState18[0],
1412 - setUsageWidgets = _useState18[1];
1413 - var _useState19 = (0, _react.useState)({
265 + sortingDirection = _useState18[0],
266 + setSortingDirection = _useState18[1];
267 + var _useState19 = (0, _element.useState)(''),
268 + _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
269 + filterByPlugin = _useState20[0],
270 + setFilterByPlugin = _useState20[1];
271 + var _useState21 = (0, _element.useState)('all'),
272 + _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
273 + filterByStatus = _useState22[0],
274 + setFilterByStatus = _useState22[1];
275 + var _useState23 = (0, _element.useState)({
1414 276 isSaving: false,
1415 277 isUnsavedChanges: false
1416 278 }),
1417 - _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
1418 - changeProgress = _useState20[0],
1419 - setChangeProgress = _useState20[1];
1420 - var _useState21 = (0, _react.useState)(false),
1421 - _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
1422 - isSnackbarOpen = _useState22[0],
1423 - setIsSnackbarOpen = _useState22[1];
1424 - var getWidgetUsage = (0, _react.useCallback)(function (widgetName) {
279 + _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
280 + changeProgress = _useState24[0],
281 + setChangeProgress = _useState24[1];
282 + var _useState25 = (0, _element.useState)(false),
283 + _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
284 + isConfirmDialogOpen = _useState26[0],
285 + setIsConfirmDialogOpen = _useState26[1];
286 + var _useState27 = (0, _element.useState)(false),
287 + _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
288 + isSnackbarOpen = _useState28[0],
289 + setIsSnackbarOpen = _useState28[1];
290 + var _useState29 = (0, _element.useState)(null),
291 + _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
292 + noticeData = _useState30[0],
293 + setNoticeData = _useState30[1];
294 + var _useState31 = (0, _element.useState)(null),
295 + _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
296 + widgetsRoleRestrictions = _useState32[0],
297 + setWidgetsRoleRestrictions = _useState32[1];
298 + var _useState33 = (0, _element.useState)([]),
299 + _useState34 = (0, _slicedToArray2.default)(_useState33, 2),
300 + promotionData = _useState34[0],
301 + setPromotionData = _useState34[1];
302 + var managerPermissions = promotionData.manager_permissions,
303 + elementManager = promotionData.element_manager;
304 + var getWidgetUsage = function getWidgetUsage(widgetName) {
1425 305 if (!usageWidgets.data || !usageWidgets.data.hasOwnProperty(widgetName)) {
1426 306 return 0;
1427 307 }
1428 308 return usageWidgets.data[widgetName];
1429 - }, [usageWidgets.data]);
1430 - var scanUsageElements = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
1431 - var data;
1432 - return _regenerator.default.wrap(function (_context) {
1433 - while (1) switch (_context.prev = _context.next) {
1434 - case 0:
1435 - setUsageWidgets(function (prev) {
1436 - return _objectSpread(_objectSpread({}, prev), {}, {
1437 - isLoading: true
1438 - });
1439 - });
1440 - _context.next = 1;
1441 - return (0, _api.getUsageWidgets)();
1442 - case 1:
1443 - data = _context.sent;
1444 - setUsageWidgets({
1445 - data: data,
1446 - isLoading: false
1447 - });
1448 - return _context.abrupt("return", data);
1449 - case 2:
1450 - case "end":
1451 - return _context.stop();
309 + };
310 + var sortedAndFilteredWidgets = (0, _element.useMemo)(function () {
311 + var filteredWidgets = widgets.filter(function (widget) {
312 + return widget.title.toLowerCase().includes(searchKeyword.toLowerCase());
313 + });
314 + if ('' !== filterByPlugin) {
315 + filteredWidgets = filteredWidgets.filter(function (widget) {
316 + return widget.plugin.toLowerCase() === filterByPlugin.toLowerCase();
317 + });
318 + }
319 + if ('all' !== filterByStatus) {
320 + filteredWidgets = filteredWidgets.filter(function (widget) {
321 + if ('active' === filterByStatus) {
322 + return !widgetsDisabled.includes(widget.name);
323 + }
324 + return widgetsDisabled.includes(widget.name);
325 + });
326 + }
327 + filteredWidgets.sort(function (a, b) {
328 + var aValue;
329 + var bValue;
330 + if ('widget' === sortingColumn) {
331 + aValue = a.title;
332 + bValue = b.title;
1452 333 }
1453 - }, _callee);
1454 - })), []);
1455 - var saveChanges = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
1456 - return _regenerator.default.wrap(function (_context2) {
1457 - while (1) switch (_context2.prev = _context2.next) {
1458 - case 0:
1459 - setChangeProgress(function (prev) {
1460 - return _objectSpread(_objectSpread({}, prev), {}, {
1461 - isSaving: true
1462 - });
1463 - });
1464 - _context2.next = 1;
1465 - return (0, _api.saveDisabledWidgets)(widgetsDisabled, widgetsRoleRestrictions);
1466 - case 1:
1467 - setChangeProgress({
1468 - isSaving: false,
1469 - isUnsavedChanges: false
1470 - });
1471 - setIsSnackbarOpen(true);
1472 - case 2:
1473 - case "end":
1474 - return _context2.stop();
334 + if ('usage' === sortingColumn) {
335 + aValue = getWidgetUsage(a.name);
336 + bValue = getWidgetUsage(b.name);
1475 337 }
1476 - }, _callee2);
1477 - })), [widgetsDisabled, widgetsRoleRestrictions]);
1478 - var deactivateAllUnusedWidgets = (0, _react.useCallback)(function () {
1479 - if (!usageWidgets.data) {
1480 - return;
338 + if (aValue === bValue) {
339 + return 0;
340 + }
341 + if ('asc' === sortingDirection) {
342 + return aValue < bValue ? -1 : 1;
343 + }
344 + return aValue > bValue ? -1 : 1;
345 + });
346 + return filteredWidgets;
347 + }, [widgets, searchKeyword, sortingColumn, sortingDirection, filterByPlugin, usageWidgets, filterByStatus, widgetsDisabled]);
348 + var getSortingIndicatorClasses = function getSortingIndicatorClasses(column) {
349 + if (sortingColumn !== column) {
350 + return '';
1481 351 }
352 + if ('asc' === sortingDirection) {
353 + return 'sorted asc';
354 + }
355 + return 'sorted desc';
356 + };
357 + var onSortingClicked = function onSortingClicked(column) {
358 + if (sortingColumn === column) {
359 + if ('asc' === sortingDirection) {
360 + setSortingDirection('desc');
361 + } else {
362 + setSortingDirection('asc');
363 + }
364 + } else {
365 + setSortingColumn(column);
366 + setSortingDirection('asc');
367 + }
368 + };
369 + var onSaveClicked = /*#__PURE__*/function () {
370 + var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() {
371 + return _regenerator.default.wrap(function (_context) {
372 + while (1) switch (_context.prev = _context.next) {
373 + case 0:
374 + setIsConfirmDialogOpen(false);
375 + setChangeProgress(_objectSpread(_objectSpread({}, changeProgress), {}, {
376 + isSaving: true
377 + }));
378 + _context.next = 1;
379 + return (0, _api.saveDisabledWidgets)(widgetsDisabled, widgetsRoleRestrictions);
380 + case 1:
381 + setChangeProgress(_objectSpread(_objectSpread({}, changeProgress), {}, {
382 + isSaving: false,
383 + isUnsavedChanges: false
384 + }));
385 + setIsSnackbarOpen(true);
386 + case 2:
387 + case "end":
388 + return _context.stop();
389 + }
390 + }, _callee);
391 + }));
392 + return function onSaveClicked() {
393 + return _ref.apply(this, arguments);
394 + };
395 + }();
396 + var deactivateAllUnusedWidgets = function deactivateAllUnusedWidgets() {
1482 397 var widgetsToDeactivate = widgets.filter(function (widget) {
1483 398 return !usageWidgets.data.hasOwnProperty(widget.name) || widgetsDisabled.includes(widget.name);
1484 399 });
1485 400 setWidgetsDisabled(widgetsToDeactivate.map(function (widget) {
@@ -1484,38 +399,59 @@
1484 399 });
1485 400 setWidgetsDisabled(widgetsToDeactivate.map(function (widget) {
1486 401 return widget.name;
1487 402 }));
1488 - }, [widgets, usageWidgets.data, widgetsDisabled]);
1489 - var enableAllWidgets = (0, _react.useCallback)(function () {
403 + };
404 + var enableAllWidgets = function enableAllWidgets() {
1490 405 setWidgetsDisabled([]);
1491 - }, []);
1492 - var toggleWidget = (0, _react.useCallback)(function (widgetName, isEnabled) {
1493 - if (isEnabled) {
1494 - setWidgetsDisabled(function (prev) {
1495 - return prev.filter(function (item) {
1496 - return item !== widgetName;
1497 - });
1498 - });
1499 - } else {
1500 - setWidgetsDisabled(function (prev) {
1501 - return [].concat((0, _toConsumableArray2.default)(prev), [widgetName]);
1502 - });
406 + };
407 + var onScanUsageElementsClicked = /*#__PURE__*/function () {
408 + var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() {
409 + var data;
410 + return _regenerator.default.wrap(function (_context2) {
411 + while (1) switch (_context2.prev = _context2.next) {
412 + case 0:
413 + setUsageWidgets(_objectSpread(_objectSpread({}, usageWidgets), {}, {
414 + isLoading: true
415 + }));
416 + _context2.next = 1;
417 + return (0, _api.getUsageWidgets)();
418 + case 1:
419 + data = _context2.sent;
420 + setUsageWidgets({
421 + data: data,
422 + isLoading: false
423 + });
424 + setSortingColumn('usage');
425 + setSortingDirection('desc');
426 + case 2:
427 + case "end":
428 + return _context2.stop();
429 + }
430 + }, _callee2);
431 + }));
432 + return function onScanUsageElementsClicked() {
433 + return _ref2.apply(this, arguments);
434 + };
435 + }();
436 + var UsageTimesColumn = function UsageTimesColumn(_ref3) {
437 + var widgetName = _ref3.widgetName;
438 + if (null !== usageWidgets.data) {
439 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getWidgetUsage(widgetName), " ", (0, _i18n.__)('times', 'elementor'));
1503 440 }
1504 - }, []);
1505 - var dismissNotice = (0, _react.useCallback)(function () {
1506 - if (noticeData) {
1507 - (0, _api.markNoticeViewed)(noticeData.notice_id, noticeData.nonce);
1508 - setNoticeData(function (prev) {
1509 - return _objectSpread(_objectSpread({}, prev), {}, {
1510 - is_viewed: true
1511 - });
1512 - });
441 + if (usageWidgets.isLoading) {
442 + return /*#__PURE__*/_react.default.createElement(_components.Spinner, null);
1513 443 }
1514 - }, [noticeData]);
1515 - (0, _react.useEffect)(function () {
1516 - var loadData = /*#__PURE__*/function () {
1517 - var _ref3 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
444 + return /*#__PURE__*/_react.default.createElement(_components.Button, {
445 + onClick: onScanUsageElementsClicked,
446 + size: 'small',
447 + variant: 'secondary',
448 + className: "e-id-elementor-element-manager-button-show-usage"
449 + }, (0, _i18n.__)('Show', 'elementor'));
450 + };
451 + (0, _element.useEffect)(function () {
452 + var onLoading = /*#__PURE__*/function () {
453 + var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() {
1518 454 var _appData$additional_d, _appData$additional_d2;
1519 455 var appData, pluginsData;
1520 456 return _regenerator.default.wrap(function (_context3) {
1521 457 while (1) switch (_context3.prev = _context3.next) {
@@ -1541,18 +477,13 @@
1541 477 value: plugin
1542 478 };
1543 479 });
1544 480 pluginsData.unshift({
1545 - label: 'All Plugins',
481 + label: (0, _i18n.__)('All Plugins', 'elementor'),
1546 482 value: ''
1547 483 });
1548 484 setPlugins(pluginsData);
1549 485 setIsLoading(false);
1550 - setChangeProgress(function (prev) {
1551 - return _objectSpread(_objectSpread({}, prev), {}, {
1552 - isUnsavedChanges: false
1553 - });
1554 - });
1555 486 case 2:
1556 487 case "end":
1557 488 return _context3.stop();
1558 489 }
@@ -1557,29 +488,23 @@
1557 488 return _context3.stop();
1558 489 }
1559 490 }, _callee3);
1560 491 }));
1561 - return function loadData() {
1562 - return _ref3.apply(this, arguments);
492 + return function onLoading() {
493 + return _ref4.apply(this, arguments);
1563 494 };
1564 495 }();
1565 - loadData();
496 + onLoading();
1566 497 }, []);
1567 - (0, _react.useEffect)(function () {
498 + (0, _element.useEffect)(function () {
1568 499 if (isLoading) {
1569 500 return;
1570 501 }
1571 - if (isInitialMount.current) {
1572 - isInitialMount.current = false;
1573 - return;
1574 - }
1575 - setChangeProgress(function (prev) {
1576 - return _objectSpread(_objectSpread({}, prev), {}, {
1577 - isUnsavedChanges: true
1578 - });
1579 - });
1580 - }, [widgetsDisabled, widgetsRoleRestrictions, isLoading]);
1581 - (0, _react.useEffect)(function () {
502 + setChangeProgress(_objectSpread(_objectSpread({}, changeProgress), {}, {
503 + isUnsavedChanges: true
504 + }));
505 + }, [widgetsDisabled, widgetsRoleRestrictions]);
506 + (0, _element.useEffect)(function () {
1582 507 var handleBeforeUnload = function handleBeforeUnload(event) {
1583 508 event.preventDefault();
1584 509 event.returnValue = '';
1585 510 };
@@ -1591,150 +516,312 @@
1591 516 return function () {
1592 517 window.removeEventListener('beforeunload', handleBeforeUnload);
1593 518 };
1594 519 }, [changeProgress.isUnsavedChanges]);
1595 - return {
1596 - isLoading: isLoading,
1597 - widgets: widgets,
1598 - promotionWidgets: promotionWidgets,
1599 - plugins: plugins,
1600 - roles: roles,
1601 - widgetsDisabled: widgetsDisabled,
1602 - widgetsRoleRestrictions: widgetsRoleRestrictions,
1603 - setWidgetsRoleRestrictions: setWidgetsRoleRestrictions,
1604 - promotionData: promotionData,
1605 - noticeData: noticeData,
1606 - usageWidgets: usageWidgets,
1607 - changeProgress: changeProgress,
1608 - isSnackbarOpen: isSnackbarOpen,
1609 - setIsSnackbarOpen: setIsSnackbarOpen,
1610 - getWidgetUsage: getWidgetUsage,
1611 - scanUsageElements: scanUsageElements,
1612 - saveChanges: saveChanges,
1613 - deactivateAllUnusedWidgets: deactivateAllUnusedWidgets,
1614 - enableAllWidgets: enableAllWidgets,
1615 - toggleWidget: toggleWidget,
1616 - dismissNotice: dismissNotice
1617 - };
1618 -};
1619 -
1620 -/***/ }),
1621 -
1622 -/***/ "../modules/element-manager/assets/js/app-editor-one/hooks/useWidgetFilters.js":
1623 -/*!*************************************************************************************!*\
1624 - !*** ../modules/element-manager/assets/js/app-editor-one/hooks/useWidgetFilters.js ***!
1625 - \*************************************************************************************/
1626 -/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1627 -
1628 -"use strict";
1629 -
1630 -
1631 -var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1632 -Object.defineProperty(exports, "__esModule", ({
1633 - value: true
1634 -}));
1635 -exports.useWidgetFilters = void 0;
1636 -var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js"));
1637 -var _react = __webpack_require__(/*! react */ "react");
1638 -var useWidgetFilters = exports.useWidgetFilters = function useWidgetFilters(widgets, widgetsDisabled, getWidgetUsage) {
1639 - var _useState = (0, _react.useState)(''),
1640 - _useState2 = (0, _slicedToArray2.default)(_useState, 2),
1641 - searchKeyword = _useState2[0],
1642 - setSearchKeyword = _useState2[1];
1643 - var _useState3 = (0, _react.useState)('widget'),
1644 - _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
1645 - sortingColumn = _useState4[0],
1646 - setSortingColumn = _useState4[1];
1647 - var _useState5 = (0, _react.useState)('asc'),
1648 - _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
1649 - sortingDirection = _useState6[0],
1650 - setSortingDirection = _useState6[1];
1651 - var _useState7 = (0, _react.useState)(''),
1652 - _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
1653 - filterByPlugin = _useState8[0],
1654 - setFilterByPlugin = _useState8[1];
1655 - var _useState9 = (0, _react.useState)('all'),
1656 - _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
1657 - filterByStatus = _useState0[0],
1658 - setFilterByStatus = _useState0[1];
1659 - var sortedAndFilteredWidgets = (0, _react.useMemo)(function () {
1660 - var filteredWidgets = widgets.filter(function (widget) {
1661 - return widget.title.toLowerCase().includes(searchKeyword.toLowerCase());
1662 - });
1663 - if ('' !== filterByPlugin) {
1664 - filteredWidgets = filteredWidgets.filter(function (widget) {
1665 - return widget.plugin.toLowerCase() === filterByPlugin.toLowerCase();
1666 - });
520 + if (isLoading) {
521 + return /*#__PURE__*/_react.default.createElement(_components.Flex, {
522 + justify: 'center',
523 + style: {
524 + margin: '100px'
525 + }
526 + }, /*#__PURE__*/_react.default.createElement(_components.Spinner, {
527 + style: {
528 + height: 'calc(4px * 20)',
529 + width: 'calc(4px * 20)'
530 + }
531 + }));
532 + }
533 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
534 + style: {
535 + marginBottom: '20px',
536 + maxWidth: '800px'
1667 537 }
1668 - if ('all' !== filterByStatus) {
1669 - filteredWidgets = filteredWidgets.filter(function (widget) {
1670 - if ('active' === filterByStatus) {
1671 - return !widgetsDisabled.includes(widget.name);
538 + }, (0, _i18n.__)('Here\'s where you can fine-tune Elementor to your workflow. Disable elements you don\'t use for a cleaner interface, more focused creative experience, and improved performance.', 'elementor'), ' ', /*#__PURE__*/_react.default.createElement("a", {
539 + href: "https://go.elementor.com/wp-dash-element-manager/",
540 + rel: 'noreferrer',
541 + target: '_blank'
542 + }, (0, _i18n.__)('Learn More', 'elementor'))), !noticeData.is_viewed && /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement(_components.Notice, {
543 + onRemove: function onRemove() {
544 + (0, _api.markNoticeViewed)(noticeData.notice_id, noticeData.nonce);
545 + setNoticeData(_objectSpread(_objectSpread({}, noticeData), {}, {
546 + is_viewed: true
547 + }));
548 + },
549 + status: "warning"
550 + }, /*#__PURE__*/_react.default.createElement("strong", null, (0, _i18n.__)('Before you continue:', 'elementor')), " ", (0, _i18n.__)('Deactivating widgets here will remove them from both the Elementor Editor and your website, which can cause changes to your overall layout, design and what visitors see.', 'elementor'))), /*#__PURE__*/_react.default.createElement(_components.Panel, null, /*#__PURE__*/_react.default.createElement(_components.PanelBody, null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
551 + style: {
552 + position: 'sticky',
553 + top: '32px',
554 + background: 'rgb(255, 255, 255)',
555 + zIndex: 10,
556 + padding: '20px 16px',
557 + boxShadow: 'rgba(0, 0, 0, 0.15) 0 5px 10px 0',
558 + margin: '-16px -16px 24px'
559 + }
560 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
561 + align: 'center'
562 + }, /*#__PURE__*/_react.default.createElement(_components.SearchControl, {
563 + label: (0, _i18n.__)('Search widgets', 'elementor'),
564 + value: searchKeyword,
565 + size: 'compact',
566 + style: {
567 + height: '40px',
568 + border: '1px solid rgba(30, 30, 30, 0.5)',
569 + background: 'transparent'
570 + },
571 + __nextHasNoMarginBottom: true,
572 + onChange: setSearchKeyword
573 + }), /*#__PURE__*/_react.default.createElement(_components.FlexItem, {
574 + style: {
575 + maxWidth: '130px'
576 + }
577 + }, /*#__PURE__*/_react.default.createElement(_components.SelectControl, {
578 + onChange: setFilterByPlugin,
579 + size: '__unstable-large',
580 + __nextHasNoMarginBottom: true,
581 + options: plugins,
582 + name: "elementor-element-manager-select-filter-by-plugin"
583 + })), /*#__PURE__*/_react.default.createElement(_components.FlexItem, {
584 + style: {
585 + maxWidth: '130px'
586 + }
587 + }, /*#__PURE__*/_react.default.createElement(_components.SelectControl, {
588 + onChange: setFilterByStatus,
589 + size: '__unstable-large',
590 + __nextHasNoMarginBottom: true,
591 + name: "elementor-element-manager-select-filter-by-status",
592 + options: [{
593 + label: (0, _i18n.__)('All Statuses', 'elementor'),
594 + value: 'all'
595 + }, {
596 + label: (0, _i18n.__)('Active', 'elementor'),
597 + value: 'active'
598 + }, {
599 + label: (0, _i18n.__)('Inactive', 'elementor'),
600 + value: 'inactive'
601 + }]
602 + })), /*#__PURE__*/_react.default.createElement("hr", {
603 + style: {
604 + height: '30px',
605 + margin: '0 5px',
606 + borderWidth: '0 1px 0 0',
607 + borderStyle: 'solid',
608 + borderColor: 'rgba(30, 30, 30, 0.5)'
609 + }
610 + }), /*#__PURE__*/_react.default.createElement(_components.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
611 + variant: 'secondary',
612 + style: {
613 + marginInlineEnd: '10px'
614 + },
615 + disabled: usageWidgets.isLoading,
616 + isBusy: usageWidgets.isLoading,
617 + onClick: onScanUsageElementsClicked,
618 + className: "e-id-elementor-element-manager-button-scan-element-usage"
619 + }, (0, _i18n.__)('Scan Element Usage', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.Button, {
620 + variant: 'secondary',
621 + style: {
622 + marginInlineEnd: '10px'
623 + },
624 + onClick: deactivateAllUnusedWidgets,
625 + disabled: null === usageWidgets.data,
626 + className: "e-id-elementor-element-manager-button-deactivate-unused-elements"
627 + }, (0, _i18n.__)('Deactivate Unused Elements', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.Button, {
628 + variant: 'secondary',
629 + disabled: !widgetsDisabled.length,
630 + style: {
631 + marginInlineEnd: '10px'
632 + },
633 + onClick: enableAllWidgets,
634 + className: "e-id-elementor-element-manager-button-enable-all"
635 + }, (0, _i18n.__)('Enable All', 'elementor'))))), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
636 + variant: "primary",
637 + disabled: changeProgress.isSaving || !changeProgress.isUnsavedChanges,
638 + isBusy: changeProgress.isSaving,
639 + onClick: function onClick() {
640 + setIsConfirmDialogOpen(true);
641 + },
642 + className: "e-id-elementor-element-manager-button-save-changes"
643 + }, (0, _i18n.__)('Save Changes', 'elementor')))), /*#__PURE__*/_react.default.createElement(_components.PanelRow, null, !sortedAndFilteredWidgets.length ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _i18n.__)('No elements found.', 'elementor')) : /*#__PURE__*/_react.default.createElement("table", {
644 + className: 'wp-list-table widefat fixed striped table-view-list'
645 + }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
646 + className: "manage-column sortable ".concat(getSortingIndicatorClasses('widget'))
647 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
648 + href: '#',
649 + onClick: function onClick(event) {
650 + event.preventDefault();
651 + onSortingClicked('widget');
652 + },
653 + className: "e-id-elementor-element-manager-button-sort-by-element"
654 + }, /*#__PURE__*/_react.default.createElement("span", null, (0, _i18n.__)('Element', 'elementor')), /*#__PURE__*/_react.default.createElement("span", {
655 + className: "sorting-indicators"
656 + }, /*#__PURE__*/_react.default.createElement("span", {
657 + className: "sorting-indicator asc",
658 + "aria-hidden": "true"
659 + }), /*#__PURE__*/_react.default.createElement("span", {
660 + className: "sorting-indicator desc",
661 + "aria-hidden": "true"
662 + })))), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement("th", {
663 + className: "manage-column sortable ".concat(getSortingIndicatorClasses('usage'))
664 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
665 + href: '#',
666 + onClick: function onClick(event) {
667 + event.preventDefault();
668 + onSortingClicked('usage');
669 + },
670 + className: "e-id-elementor-element-manager-button-sort-by-usage"
671 + }, /*#__PURE__*/_react.default.createElement("span", null, (0, _i18n.__)('Usage', 'elementor')), /*#__PURE__*/_react.default.createElement("span", {
672 + className: "sorting-indicators"
673 + }, /*#__PURE__*/_react.default.createElement("span", {
674 + className: "sorting-indicator asc",
675 + "aria-hidden": "true"
676 + }), /*#__PURE__*/_react.default.createElement("span", {
677 + className: "sorting-indicator desc",
678 + "aria-hidden": "true"
679 + })))), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
680 + justify: 'flex-start',
681 + gap: 0
682 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Tooltip, {
683 + placement: 'top',
684 + delay: 100,
685 + text: (0, _i18n.__)('Choose which users will have access to each widget.', 'elementor')
686 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
687 + icon: 'info-outline',
688 + iconSize: 16
689 + }))), null === widgetsRoleRestrictions && /*#__PURE__*/_react.default.createElement(_components.FlexItem, {
690 + style: {
691 + marginInlineStart: '10px'
692 + }
693 + }, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
694 + href: promotionWidgets.length ? managerPermissions.pro.url : managerPermissions.advanced.url,
695 + size: 'small',
696 + text: promotionWidgets.length ? managerPermissions.pro.text : managerPermissions.advanced.text,
697 + className: ['e-id-elementor-element-manager-button-upgrade-permissions', 'go-pro'].join(' ')
698 + })))))), /*#__PURE__*/_react.default.createElement("tbody", null, sortedAndFilteredWidgets.map(function (widget) {
699 + return /*#__PURE__*/_react.default.createElement("tr", {
700 + key: widget.name,
701 + "data-key-id": widget.name
702 + }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("i", {
703 + style: {
704 + marginInlineEnd: '5px',
705 + marginInlineStart: '0',
706 + display: 'inline-block'
707 + },
708 + className: "".concat(widget.icon)
709 + }), " ", widget.title), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_components.ToggleControl, {
710 + checked: !widgetsDisabled.includes(widget.name),
711 + __nextHasNoMarginBottom: true,
712 + onChange: function onChange() {
713 + if (widgetsDisabled.includes(widget.name)) {
714 + setWidgetsDisabled(widgetsDisabled.filter(function (item) {
715 + return item !== widget.name;
716 + }));
717 + } else {
718 + setWidgetsDisabled([].concat((0, _toConsumableArray2.default)(widgetsDisabled), [widget.name]));
1672 719 }
1673 - return widgetsDisabled.includes(widget.name);
1674 - });
720 + },
721 + className: "e-id-elementor-element-manager-toggle-".concat(widget.name)
722 + })), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(UsageTimesColumn, {
723 + widgetName: widget.name
724 + })), /*#__PURE__*/_react.default.createElement("td", null, widget.plugin), /*#__PURE__*/_react.default.createElement("td", null, null !== widgetsRoleRestrictions && !widgetsDisabled.includes(widget.name) ? /*#__PURE__*/_react.default.createElement(_rolePermissions.RolePermissions, {
725 + widgetName: widget.name,
726 + roles: roles,
727 + widgetsRoleRestrictions: widgetsRoleRestrictions,
728 + setWidgetsRoleRestrictions: setWidgetsRoleRestrictions
729 + }) : /*#__PURE__*/_react.default.createElement(_rolePermissions.EditButtonDisabled, null)));
730 + })))), promotionWidgets.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.PanelRow, null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
731 + style: {
732 + marginTop: '40px',
733 + marginBottom: '20px'
1675 734 }
1676 - filteredWidgets.sort(function (a, b) {
1677 - var aValue;
1678 - var bValue;
1679 - if ('widget' === sortingColumn) {
1680 - aValue = a.title;
1681 - bValue = b.title;
1682 - }
1683 - if ('usage' === sortingColumn) {
1684 - aValue = getWidgetUsage(a.name);
1685 - bValue = getWidgetUsage(b.name);
1686 - }
1687 - if (aValue === bValue) {
1688 - return 0;
1689 - }
1690 - if ('asc' === sortingDirection) {
1691 - return aValue < bValue ? -1 : 1;
1692 - }
1693 - return aValue > bValue ? -1 : 1;
1694 - });
1695 - return filteredWidgets;
1696 - }, [widgets, searchKeyword, sortingColumn, sortingDirection, filterByPlugin, filterByStatus, widgetsDisabled, getWidgetUsage]);
1697 - var getSortingIndicatorClasses = (0, _react.useCallback)(function (column) {
1698 - if (sortingColumn !== column) {
1699 - return '';
735 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement("h3", null, (0, _i18n.__)('Elementor Pro Elements', 'elementor')), /*#__PURE__*/_react.default.createElement("p", null, (0, _i18n.__)('Unleash the full power of Elementor\'s features and web creation tools.', 'elementor'))), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_upgradeButton.UpgradeButton, {
736 + href: elementManager.url,
737 + text: elementManager.text,
738 + className: "e-id-elementor-element-manager-button-upgrade-pro-elements"
739 + })))), /*#__PURE__*/_react.default.createElement(_components.PanelRow, null, /*#__PURE__*/_react.default.createElement("table", {
740 + className: 'wp-list-table widefat fixed striped table-view-list'
741 + }, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
742 + className: "manage-column"
743 + }, /*#__PURE__*/_react.default.createElement("span", null, (0, _i18n.__)('Element', 'elementor'))), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Status', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Usage', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, (0, _i18n.__)('Plugin', 'elementor')), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_components.Flex, {
744 + justify: 'flex-start'
745 + }, /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, (0, _i18n.__)('Permission', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.FlexItem, null, /*#__PURE__*/_react.default.createElement(_components.Tooltip, {
746 + placement: 'top',
747 + delay: 100,
748 + text: (0, _i18n.__)('Choose which role will have access to a specific widget.', 'elementor')
749 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
750 + icon: 'info-outline'
751 + }))))))), /*#__PURE__*/_react.default.createElement("tbody", null, promotionWidgets.map(function (widget) {
752 + return /*#__PURE__*/_react.default.createElement("tr", {
753 + key: widget.name
754 + }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("i", {
755 + style: {
756 + marginInlineEnd: '5px'
757 + },
758 + className: "".concat(widget.icon)
759 + }), " ", widget.title), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_components.ToggleControl, {
760 + __nextHasNoMarginBottom: true,
761 + checked: false,
762 + disabled: true,
763 + className: "e-id-elementor-element-manager-toggle-".concat(widget.name)
764 + })), /*#__PURE__*/_react.default.createElement("td", null), /*#__PURE__*/_react.default.createElement("td", null, (0, _i18n.__)('Elementor Pro', 'elementor')), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_rolePermissions.EditButtonDisabled, {
765 + widgetName: widget.name
766 + })));
767 + }))))))), isConfirmDialogOpen && /*#__PURE__*/_react.default.createElement(_components.Modal, {
768 + title: (0, _i18n.__)('Sure you want to save these changes?', 'elementor'),
769 + size: 'small',
770 + isDismissible: false,
771 + onRequestClose: function onRequestClose() {
772 + setIsConfirmDialogOpen(false);
1700 773 }
1701 - return 'asc' === sortingDirection ? 'sorted asc' : 'sorted desc';
1702 - }, [sortingColumn, sortingDirection]);
1703 - var onSortingClicked = (0, _react.useCallback)(function (column) {
1704 - if (sortingColumn === column) {
1705 - setSortingDirection(function (prev) {
1706 - return 'asc' === prev ? 'desc' : 'asc';
1707 - });
1708 - } else {
1709 - setSortingColumn(column);
1710 - setSortingDirection('asc');
774 + }, /*#__PURE__*/_react.default.createElement("p", {
775 + style: {
776 + maxWidth: '400px',
777 + marginBlockEnd: '30px',
778 + marginBlockStart: '0'
1711 779 }
1712 - }, [sortingColumn]);
1713 - var setSortByUsage = (0, _react.useCallback)(function () {
1714 - setSortingColumn('usage');
1715 - setSortingDirection('desc');
1716 - }, []);
1717 - return {
1718 - searchKeyword: searchKeyword,
1719 - setSearchKeyword: setSearchKeyword,
1720 - filterByPlugin: filterByPlugin,
1721 - setFilterByPlugin: setFilterByPlugin,
1722 - filterByStatus: filterByStatus,
1723 - setFilterByStatus: setFilterByStatus,
1724 - sortedAndFilteredWidgets: sortedAndFilteredWidgets,
1725 - getSortingIndicatorClasses: getSortingIndicatorClasses,
1726 - onSortingClicked: onSortingClicked,
1727 - setSortByUsage: setSortByUsage
1728 - };
780 + }, (0, _i18n.__)('Turning widgets off will hide them from the editor panel, and can potentially affect your layout or front-end.', 'elementor'), /*#__PURE__*/_react.default.createElement("span", {
781 + style: {
782 + display: 'block',
783 + marginTop: '20px'
784 + }
785 + }, (0, _i18n.__)('If you’re adding widgets back in, enjoy them!', 'elementor'))), /*#__PURE__*/_react.default.createElement(_components.ButtonGroup, {
786 + style: {
787 + display: 'flex',
788 + justifyContent: 'flex-end',
789 + gap: '30px'
790 + }
791 + }, /*#__PURE__*/_react.default.createElement(_components.Button, {
792 + variant: 'link',
793 + onClick: function onClick() {
794 + setIsConfirmDialogOpen(false);
795 + },
796 + className: "e-id-elementor-element-manager-modal-button-cancel"
797 + }, (0, _i18n.__)('Cancel', 'elementor')), /*#__PURE__*/_react.default.createElement(_components.Button, {
798 + variant: 'primary',
799 + onClick: onSaveClicked,
800 + className: "e-id-elementor-element-manager-modal-button-save"
801 + }, (0, _i18n.__)('Save', 'elementor')))), /*#__PURE__*/_react.default.createElement("div", {
802 + style: {
803 + position: 'fixed',
804 + bottom: '40px',
805 + left: '50%',
806 + transform: 'translateX(-50%)',
807 + display: isSnackbarOpen ? 'block' : 'none'
808 + }
809 + }, /*#__PURE__*/_react.default.createElement(_components.Snackbar, {
810 + isDismissible: true,
811 + status: 'success',
812 + onRemove: function onRemove() {
813 + return setIsSnackbarOpen(false);
814 + }
815 + }, (0, _i18n.__)('We saved your changes.', 'elementor'))));
1729 816 };
1730 817
1731 818 /***/ }),
1732 819
1733 -/***/ "../modules/element-manager/assets/js/app-editor-one/index.js":
1734 -/*!********************************************************************!*\
1735 - !*** ../modules/element-manager/assets/js/app-editor-one/index.js ***!
1736 - \********************************************************************/
820 +/***/ "../modules/element-manager/assets/js/role-permissions.js":
821 +/*!****************************************************************!*\
822 + !*** ../modules/element-manager/assets/js/role-permissions.js ***!
823 + \****************************************************************/
1737 824 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
1738 825
1739 826 "use strict";
1740 827
@@ -1742,21 +829,125 @@
1742 829 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
1743 830 Object.defineProperty(exports, "__esModule", ({
1744 831 value: true
1745 832 }));
1746 -exports.AppModern = void 0;
833 +exports.RolePermissions = exports.EditButtonDisabled = void 0;
1747 834 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
1748 -var _ui = __webpack_require__(/*! @elementor/ui */ "@elementor/ui");
1749 -var _App = __webpack_require__(/*! ./App */ "../modules/element-manager/assets/js/app-editor-one/App.js");
1750 -var AppModern = exports.AppModern = function AppModern() {
1751 - var _elementorCommon$conf;
1752 - var isRTL = typeof elementorCommon !== 'undefined' && (_elementorCommon$conf = elementorCommon.config) !== null && _elementorCommon$conf !== void 0 && _elementorCommon$conf.isRTL ? elementorCommon.config.isRTL : 'rtl' === document.documentElement.dir || document.body.classList.contains('rtl');
1753 - return /*#__PURE__*/_react.default.createElement(_ui.DirectionProvider, {
1754 - rtl: isRTL
1755 - }, /*#__PURE__*/_react.default.createElement(_ui.ThemeProvider, {
1756 - colorScheme: "light"
1757 - }, /*#__PURE__*/_react.default.createElement(_App.App, null)));
835 +var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js"));
836 +var _components = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
837 +var _i18n = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
838 +function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
839 +function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /* eslint-disable react/prop-types */
840 +var toggleRoleRestrictions = function toggleRoleRestrictions(widgetName, roleId, widgetsRoleRestrictions, setWidgetsRoleRestrictions) {
841 + var widgetRoleRestrictions = widgetsRoleRestrictions[widgetName] || [];
842 + if (widgetRoleRestrictions.includes(roleId)) {
843 + widgetRoleRestrictions.splice(widgetRoleRestrictions.indexOf(roleId), 1);
844 + } else {
845 + widgetRoleRestrictions.push(roleId);
846 + }
847 +
848 + // TODO: Remove the object from the state if it's empty
849 + setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, widgetRoleRestrictions)));
1758 850 };
851 +var RolesList = function RolesList(props) {
852 + var roles = props.roles,
853 + widgetRoleRestrictions = props.widgetRoleRestrictions;
854 + var rolesEnables = roles.filter(function (role) {
855 + return !widgetRoleRestrictions.includes(role.id);
856 + });
857 + if (!rolesEnables.length) {
858 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", (0, _i18n.__)('Admin', 'elementor'), ")");
859 + }
860 + if (rolesEnables.length === roles.length) {
861 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", (0, _i18n.__)('All Roles', 'elementor'), ")");
862 + }
863 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", rolesEnables.map(function (role) {
864 + return role.name;
865 + }).join(', '), ")");
866 +};
867 +var RolePermissions = exports.RolePermissions = function RolePermissions(props) {
868 + var roles = props.roles,
869 + widgetName = props.widgetName,
870 + widgetsRoleRestrictions = props.widgetsRoleRestrictions,
871 + setWidgetsRoleRestrictions = props.setWidgetsRoleRestrictions;
872 + var widgetRoleRestrictions = widgetsRoleRestrictions[widgetName] || [];
873 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Dropdown, {
874 + className: 'my-container-class-name',
875 + contentClassName: 'my-dropdown-content-classname',
876 + popoverProps: {
877 + placement: 'bottom-start'
878 + },
879 + renderToggle: function renderToggle(_ref) {
880 + var isOpen = _ref.isOpen,
881 + onToggle = _ref.onToggle;
882 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
883 + variant: 'link',
884 + onClick: onToggle,
885 + "aria-expanded": isOpen,
886 + style: {
887 + textDecoration: 'none'
888 + },
889 + className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
890 + }, (0, _i18n.__)('Edit', 'elementor')), ' ', /*#__PURE__*/_react.default.createElement("span", {
891 + style: {
892 + color: 'var(--e-a-color-txt-muted)'
893 + }
894 + }, /*#__PURE__*/_react.default.createElement(RolesList, {
895 + roles: roles,
896 + widgetRoleRestrictions: widgetRoleRestrictions
897 + })));
898 + },
899 + renderContent: function renderContent() {
900 + var isAllChecked = roles.every(function (role) {
901 + return !widgetRoleRestrictions.includes(role.id);
902 + });
903 + var isIndeterminate = !isAllChecked && roles.some(function (role) {
904 + return !widgetRoleRestrictions.includes(role.id);
905 + });
906 + return /*#__PURE__*/_react.default.createElement("div", {
907 + style: {
908 + minWidth: '150px',
909 + paddingInline: '10px',
910 + paddingBlockStart: '10px'
911 + }
912 + }, /*#__PURE__*/_react.default.createElement(_components.CheckboxControl, {
913 + checked: isAllChecked,
914 + indeterminate: isIndeterminate,
915 + label: 'All',
916 + onChange: function onChange(value) {
917 + if (value) {
918 + setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, [])));
919 + } else {
920 + setWidgetsRoleRestrictions(_objectSpread(_objectSpread({}, widgetsRoleRestrictions), {}, (0, _defineProperty2.default)({}, widgetName, roles.map(function (role) {
921 + return role.id;
922 + }))));
923 + }
924 + }
925 + }), roles.map(function (role) {
926 + return /*#__PURE__*/_react.default.createElement("div", {
927 + key: role.id
928 + }, /*#__PURE__*/_react.default.createElement(_components.CheckboxControl, {
929 + checked: !widgetRoleRestrictions.includes(role.id),
930 + label: role.name,
931 + onChange: function onChange() {
932 + toggleRoleRestrictions(widgetName, role.id, widgetsRoleRestrictions, setWidgetsRoleRestrictions);
933 + }
934 + }));
935 + }));
936 + }
937 + }));
938 +};
939 +var EditButtonDisabled = exports.EditButtonDisabled = function EditButtonDisabled(props) {
940 + var widgetName = props.widgetName || 'unknown';
941 + return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.Button, {
942 + variant: "link",
943 + disabled: true,
944 + style: {
945 + textDecoration: 'none'
946 + },
947 + className: "e-id-elementor-element-manager-button-edit-permissions-".concat(widgetName)
948 + }, (0, _i18n.__)('Edit', 'elementor')));
949 +};
1759 950
1760 951 /***/ }),
1761 952
1762 953 /***/ "../modules/element-manager/assets/js/upgrade-button.js":
@@ -5902,30 +5093,8 @@
5902 5093
5903 5094
5904 5095 /***/ }),
5905 5096
5906 -/***/ "@elementor/icons":
5907 -/*!************************************!*\
5908 - !*** external "elementorV2.icons" ***!
5909 - \************************************/
5910 -/***/ ((module) => {
5911 -
5912 -"use strict";
5913 -module.exports = elementorV2.icons;
5914 -
5915 -/***/ }),
5916 -
5917 -/***/ "@elementor/ui":
5918 -/*!*********************************!*\
5919 - !*** external "elementorV2.ui" ***!
5920 - \*********************************/
5921 -/***/ ((module) => {
5922 -
5923 -"use strict";
5924 -module.exports = elementorV2.ui;
5925 -
5926 -/***/ }),
5927 -
5928 5097 /***/ "@wordpress/components":
5929 5098 /*!********************************!*\
5930 5099 !*** external "wp.components" ***!
5931 5100 \********************************/
@@ -6060,16 +5229,14 @@
6060 5229 var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js");
6061 5230 var _react = _interopRequireDefault(__webpack_require__(/*! react */ "react"));
6062 5231 var _element = __webpack_require__(/*! @wordpress/element */ "../node_modules/@wordpress/element/build-module/index.js");
6063 5232 var _domReady = _interopRequireDefault(__webpack_require__(/*! @wordpress/dom-ready */ "@wordpress/dom-ready"));
6064 -var _appEditorOne = __webpack_require__(/*! ./app-editor-one */ "../modules/element-manager/assets/js/app-editor-one/index.js");
5233 +var _app = __webpack_require__(/*! ./app */ "../modules/element-manager/assets/js/app.js");
6065 5234 (0, _domReady.default)(function () {
6066 5235 var htmlOutput = document.getElementById('elementor-element-manager-wrap');
6067 - if (!htmlOutput) {
6068 - return;
5236 + if (htmlOutput) {
5237 + (0, _element.render)(/*#__PURE__*/_react.default.createElement(_app.App, null), htmlOutput);
6069 5238 }
6070 - var root = (0, _element.createRoot)(htmlOutput);
6071 - root.render(/*#__PURE__*/_react.default.createElement(_appEditorOne.AppModern, null));
6072 5239 });
6073 5240 })();
6074 5241
6075 5242 /******/ })()