@elementor/editor-app-bar 0.8.0 → 0.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/index.js +33 -29
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +40 -36
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
- package/src/components/ui/toolbar-menu-item.tsx +3 -1
- package/src/components/ui/toolbar-menu-toggle-item.tsx +3 -1
- package/src/extensions/documents-indicator/components/__tests__/settings-button.test.tsx +5 -5
- package/src/extensions/documents-indicator/components/settings-button.tsx +4 -4
- package/src/extensions/documents-preview/hooks/__tests__/use-document-preview-props.test.ts +5 -5
- package/src/extensions/documents-preview/hooks/use-action-props.ts +3 -3
- package/src/extensions/documents-save/components/__tests__/primary-action.test.tsx +14 -14
- package/src/extensions/documents-save/components/primary-action.tsx +4 -4
- package/src/extensions/documents-save/hooks/__tests__/use-document-save-draft-props.test.ts +4 -4
- package/src/extensions/documents-save/hooks/__tests__/use-document-save-template-props.test.ts +2 -2
- package/src/extensions/documents-save/hooks/use-document-save-draft-props.ts +3 -3
- package/src/extensions/documents-save/hooks/use-document-save-template-props.ts +2 -2
- package/src/extensions/elements/hooks/__tests__/use-action-props.test.ts +3 -3
- package/src/extensions/elements/hooks/use-action-props.ts +1 -1
- package/src/extensions/elements/sync/__tests__/sync-panel-title.test.ts +2 -2
- package/src/extensions/elements/sync/sync-panel-title.ts +1 -1
- package/src/extensions/finder/hooks/__tests__/use-action-props.test.ts +3 -3
- package/src/extensions/finder/hooks/use-action-props.ts +1 -1
- package/src/extensions/history/hooks/__tests__/use-action-props.test.ts +3 -3
- package/src/extensions/history/hooks/use-action-props.ts +1 -1
- package/src/extensions/keyboard-shortcuts/hooks/__tests__/use-action-props.test.ts +2 -2
- package/src/extensions/keyboard-shortcuts/hooks/use-action-props.ts +1 -1
- package/src/extensions/site-settings/components/__tests__/portalled-primary-action.test.tsx +5 -5
- package/src/extensions/site-settings/components/__tests__/primary-action.test.tsx +7 -7
- package/src/extensions/site-settings/components/portal.tsx +1 -1
- package/src/extensions/site-settings/components/primary-action.tsx +3 -3
- package/src/extensions/site-settings/hooks/__tests__/use-action-props.test.ts +3 -3
- package/src/extensions/site-settings/hooks/use-action-props.ts +1 -1
- package/src/extensions/structure/hooks/__tests__/use-action-props.test.ts +3 -3
- package/src/extensions/structure/hooks/use-action-props.ts +1 -1
- package/src/extensions/theme-builder/hooks/__tests__/use-action-props.test.ts +2 -2
- package/src/extensions/theme-builder/hooks/use-action-props.ts +1 -1
- package/src/extensions/user-preferences/hooks/__tests__/use-action-props.test.ts +3 -3
- package/src/extensions/user-preferences/hooks/use-action-props.ts +1 -1
- package/src/extensions/wordpress/index.ts +2 -2
- package/src/sync/__tests__/redirect-old-menus.test.ts +2 -2
- package/src/sync/redirect-old-menus.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.9.1](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.9.0...@elementor/editor-app-bar@0.9.1) (2023-09-26)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @elementor/editor-app-bar
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.9.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.8.0...@elementor/editor-app-bar@0.9.0) (2023-09-14)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **v1-adapters:** mark private functions [ED-12029] ([#122](https://github.com/elementor/elementor-packages/issues/122)) ([2e79ccc](https://github.com/elementor/elementor-packages/commit/2e79ccc87add5f0508b5a142f9f6d832b4657062))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
# [0.8.0](https://github.com/elementor/elementor-packages/compare/@elementor/editor-app-bar@0.7.3...@elementor/editor-app-bar@0.8.0) (2023-09-11)
|
|
7
26
|
|
|
8
27
|
|
package/dist/index.js
CHANGED
|
@@ -71,8 +71,10 @@ function ToolbarMenuItem({ title, ...props }) {
|
|
|
71
71
|
"aria-label": title,
|
|
72
72
|
size: "medium",
|
|
73
73
|
sx: {
|
|
74
|
-
"&
|
|
75
|
-
fontSize: "1.25rem"
|
|
74
|
+
"& svg": {
|
|
75
|
+
fontSize: "1.25rem",
|
|
76
|
+
height: "1em",
|
|
77
|
+
width: "1em"
|
|
76
78
|
},
|
|
77
79
|
"&:hover": {
|
|
78
80
|
color: "text.primary"
|
|
@@ -163,8 +165,10 @@ function ToolbarMenuToggleItem({ title, onClick, ...props }) {
|
|
|
163
165
|
border: 0
|
|
164
166
|
// Temp fix until the style of the ToggleButton component will be decided.
|
|
165
167
|
},
|
|
166
|
-
"&
|
|
167
|
-
fontSize: "1.25rem"
|
|
168
|
+
"& svg": {
|
|
169
|
+
fontSize: "1.25rem",
|
|
170
|
+
height: "1em",
|
|
171
|
+
width: "1em"
|
|
168
172
|
}
|
|
169
173
|
}
|
|
170
174
|
}
|
|
@@ -557,8 +561,8 @@ var import_editor2 = require("@elementor/editor");
|
|
|
557
561
|
// src/sync/redirect-old-menus.ts
|
|
558
562
|
var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
|
|
559
563
|
function redirectOldMenus() {
|
|
560
|
-
(0, import_editor_v1_adapters.
|
|
561
|
-
(0, import_editor_v1_adapters.
|
|
564
|
+
(0, import_editor_v1_adapters.__privateListenTo)((0, import_editor_v1_adapters.routeOpenEvent)("panel/menu"), () => {
|
|
565
|
+
(0, import_editor_v1_adapters.__privateOpenRoute)("panel/elements/categories");
|
|
562
566
|
});
|
|
563
567
|
}
|
|
564
568
|
|
|
@@ -573,7 +577,7 @@ function SettingsButton() {
|
|
|
573
577
|
const activeDocument = (0, import_editor_documents.__useActiveDocument)();
|
|
574
578
|
const hostDocument = (0, import_editor_documents.__useHostDocument)();
|
|
575
579
|
const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
|
|
576
|
-
const { isActive, isBlocked } = (0, import_editor_v1_adapters2.
|
|
580
|
+
const { isActive, isBlocked } = (0, import_editor_v1_adapters2.__privateUseRouteStatus)("panel/page-settings");
|
|
577
581
|
if (!document2) {
|
|
578
582
|
return null;
|
|
579
583
|
}
|
|
@@ -584,7 +588,7 @@ function SettingsButton() {
|
|
|
584
588
|
value: "document-settings",
|
|
585
589
|
selected: isActive,
|
|
586
590
|
disabled: isBlocked,
|
|
587
|
-
onChange: () => (0, import_editor_v1_adapters2.
|
|
591
|
+
onChange: () => (0, import_editor_v1_adapters2.__privateOpenRoute)("panel/page-settings/settings"),
|
|
588
592
|
"aria-label": title,
|
|
589
593
|
size: "small",
|
|
590
594
|
sx: {
|
|
@@ -637,7 +641,7 @@ function useActionProps() {
|
|
|
637
641
|
return {
|
|
638
642
|
icon: import_icons5.EyeIcon,
|
|
639
643
|
title: (0, import_i18n5.__)("Preview Changes", "elementor"),
|
|
640
|
-
onClick: () => document2 && (0, import_editor_v1_adapters3.
|
|
644
|
+
onClick: () => document2 && (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/preview", {
|
|
641
645
|
id: document2.id,
|
|
642
646
|
force: true
|
|
643
647
|
})
|
|
@@ -735,7 +739,7 @@ var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
|
|
|
735
739
|
function PrimaryAction() {
|
|
736
740
|
const document2 = (0, import_editor_documents5.__useActiveDocument)();
|
|
737
741
|
const { save } = (0, import_editor_documents5.__useActiveDocumentActions)();
|
|
738
|
-
const isPreviewMode = (0, import_editor_v1_adapters4.
|
|
742
|
+
const isPreviewMode = (0, import_editor_v1_adapters4.__privateUseIsPreviewMode)();
|
|
739
743
|
const popupState = (0, import_ui15.usePopupState)({
|
|
740
744
|
variant: "popover",
|
|
741
745
|
popupId: "document-save-options"
|
|
@@ -825,17 +829,17 @@ var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
|
|
|
825
829
|
function syncPanelTitle() {
|
|
826
830
|
const panelTitle = (0, import_i18n9.__)("Elements", "elementor");
|
|
827
831
|
const tabTitle = (0, import_i18n9.__)("Widgets", "elementor");
|
|
828
|
-
(0, import_editor_v1_adapters5.
|
|
832
|
+
(0, import_editor_v1_adapters5.__privateListenTo)(
|
|
829
833
|
(0, import_editor_v1_adapters5.routeOpenEvent)("panel/elements"),
|
|
830
834
|
() => {
|
|
831
835
|
setPanelTitle(panelTitle);
|
|
832
836
|
setTabTitle(tabTitle);
|
|
833
837
|
}
|
|
834
838
|
);
|
|
835
|
-
(0, import_editor_v1_adapters5.
|
|
839
|
+
(0, import_editor_v1_adapters5.__privateListenTo)(
|
|
836
840
|
(0, import_editor_v1_adapters5.v1ReadyEvent)(),
|
|
837
841
|
() => {
|
|
838
|
-
if ((0, import_editor_v1_adapters5.
|
|
842
|
+
if ((0, import_editor_v1_adapters5.__privateIsRouteActive)("panel/elements")) {
|
|
839
843
|
setPanelTitle(panelTitle);
|
|
840
844
|
setTabTitle(tabTitle);
|
|
841
845
|
}
|
|
@@ -857,11 +861,11 @@ var import_icons9 = require("@elementor/icons");
|
|
|
857
861
|
var import_i18n10 = require("@wordpress/i18n");
|
|
858
862
|
var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
|
|
859
863
|
function useActionProps2() {
|
|
860
|
-
const { isActive, isBlocked } = (0, import_editor_v1_adapters6.
|
|
864
|
+
const { isActive, isBlocked } = (0, import_editor_v1_adapters6.__privateUseRouteStatus)("panel/elements");
|
|
861
865
|
return {
|
|
862
866
|
title: (0, import_i18n10.__)("Add Element", "elementor"),
|
|
863
867
|
icon: import_icons9.PlusIcon,
|
|
864
|
-
onClick: () => (0, import_editor_v1_adapters6.
|
|
868
|
+
onClick: () => (0, import_editor_v1_adapters6.__privateOpenRoute)("panel/elements/categories"),
|
|
865
869
|
selected: isActive,
|
|
866
870
|
disabled: isBlocked
|
|
867
871
|
};
|
|
@@ -882,14 +886,14 @@ var import_i18n11 = require("@wordpress/i18n");
|
|
|
882
886
|
var import_icons10 = require("@elementor/icons");
|
|
883
887
|
var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
|
|
884
888
|
function useActionProps3() {
|
|
885
|
-
const { isBlocked } = (0, import_editor_v1_adapters7.
|
|
889
|
+
const { isBlocked } = (0, import_editor_v1_adapters7.__privateUseRouteStatus)("finder", {
|
|
886
890
|
blockOnKitRoutes: false,
|
|
887
891
|
blockOnPreviewMode: false
|
|
888
892
|
});
|
|
889
893
|
return {
|
|
890
894
|
title: (0, import_i18n11.__)("Finder", "elementor"),
|
|
891
895
|
icon: import_icons10.SearchIcon,
|
|
892
|
-
onClick: () => (0, import_editor_v1_adapters7.
|
|
896
|
+
onClick: () => (0, import_editor_v1_adapters7.__privateRunCommand)("finder/toggle"),
|
|
893
897
|
disabled: isBlocked
|
|
894
898
|
};
|
|
895
899
|
}
|
|
@@ -928,11 +932,11 @@ var import_icons12 = require("@elementor/icons");
|
|
|
928
932
|
var import_i18n13 = require("@wordpress/i18n");
|
|
929
933
|
var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
|
|
930
934
|
function useActionProps4() {
|
|
931
|
-
const { isActive, isBlocked } = (0, import_editor_v1_adapters8.
|
|
935
|
+
const { isActive, isBlocked } = (0, import_editor_v1_adapters8.__privateUseRouteStatus)("panel/history");
|
|
932
936
|
return {
|
|
933
937
|
title: (0, import_i18n13.__)("History", "elementor"),
|
|
934
938
|
icon: import_icons12.HistoryIcon,
|
|
935
|
-
onClick: () => (0, import_editor_v1_adapters8.
|
|
939
|
+
onClick: () => (0, import_editor_v1_adapters8.__privateOpenRoute)("panel/history/actions"),
|
|
936
940
|
selected: isActive,
|
|
937
941
|
disabled: isBlocked
|
|
938
942
|
};
|
|
@@ -955,7 +959,7 @@ function useActionProps5() {
|
|
|
955
959
|
return {
|
|
956
960
|
icon: import_icons13.KeyboardIcon,
|
|
957
961
|
title: (0, import_i18n14.__)("Keyboard Shortcuts", "elementor"),
|
|
958
|
-
onClick: () => (0, import_editor_v1_adapters9.
|
|
962
|
+
onClick: () => (0, import_editor_v1_adapters9.__privateRunCommand)("shortcuts/open")
|
|
959
963
|
};
|
|
960
964
|
}
|
|
961
965
|
|
|
@@ -981,7 +985,7 @@ var React25 = __toESM(require("react"));
|
|
|
981
985
|
var import_ui16 = require("@elementor/ui");
|
|
982
986
|
var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
|
|
983
987
|
function Portal(props) {
|
|
984
|
-
const containerRef = (0, import_editor_v1_adapters10.
|
|
988
|
+
const containerRef = (0, import_editor_v1_adapters10.__privateUseListenTo)(
|
|
985
989
|
[
|
|
986
990
|
(0, import_editor_v1_adapters10.routeOpenEvent)("panel/global"),
|
|
987
991
|
(0, import_editor_v1_adapters10.routeCloseEvent)("panel/global")
|
|
@@ -994,7 +998,7 @@ function Portal(props) {
|
|
|
994
998
|
return /* @__PURE__ */ React25.createElement(import_ui16.Portal, { container: containerRef.current, ...props });
|
|
995
999
|
}
|
|
996
1000
|
function getContainerRef() {
|
|
997
|
-
return (0, import_editor_v1_adapters10.
|
|
1001
|
+
return (0, import_editor_v1_adapters10.__privateIsRouteActive)("panel/global") ? { current: document.querySelector("#elementor-panel-inner") } : { current: null };
|
|
998
1002
|
}
|
|
999
1003
|
|
|
1000
1004
|
// src/extensions/site-settings/components/primary-action.tsx
|
|
@@ -1033,13 +1037,13 @@ var import_i18n16 = require("@wordpress/i18n");
|
|
|
1033
1037
|
var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
|
|
1034
1038
|
var import_icons14 = require("@elementor/icons");
|
|
1035
1039
|
function useActionProps6() {
|
|
1036
|
-
const { isActive, isBlocked } = (0, import_editor_v1_adapters11.
|
|
1040
|
+
const { isActive, isBlocked } = (0, import_editor_v1_adapters11.__privateUseRouteStatus)("panel/global", {
|
|
1037
1041
|
blockOnKitRoutes: false
|
|
1038
1042
|
});
|
|
1039
1043
|
return {
|
|
1040
1044
|
title: (0, import_i18n16.__)("Site Settings", "elementor"),
|
|
1041
1045
|
icon: import_icons14.AdjustmentsHorizontalIcon,
|
|
1042
|
-
onClick: () => isActive ? (0, import_editor_v1_adapters11.
|
|
1046
|
+
onClick: () => isActive ? (0, import_editor_v1_adapters11.__privateRunCommand)("panel/global/close") : (0, import_editor_v1_adapters11.__privateRunCommand)("panel/global/open"),
|
|
1043
1047
|
selected: isActive,
|
|
1044
1048
|
disabled: isBlocked
|
|
1045
1049
|
};
|
|
@@ -1063,11 +1067,11 @@ var import_i18n17 = require("@wordpress/i18n");
|
|
|
1063
1067
|
var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
|
|
1064
1068
|
var import_icons15 = require("@elementor/icons");
|
|
1065
1069
|
function useActionProps7() {
|
|
1066
|
-
const { isActive, isBlocked } = (0, import_editor_v1_adapters12.
|
|
1070
|
+
const { isActive, isBlocked } = (0, import_editor_v1_adapters12.__privateUseRouteStatus)("navigator");
|
|
1067
1071
|
return {
|
|
1068
1072
|
title: (0, import_i18n17.__)("Structure", "elementor"),
|
|
1069
1073
|
icon: import_icons15.StructureIcon,
|
|
1070
|
-
onClick: () => (0, import_editor_v1_adapters12.
|
|
1074
|
+
onClick: () => (0, import_editor_v1_adapters12.__privateRunCommand)("navigator/toggle"),
|
|
1071
1075
|
selected: isActive,
|
|
1072
1076
|
disabled: isBlocked
|
|
1073
1077
|
};
|
|
@@ -1090,7 +1094,7 @@ function useActionProps8() {
|
|
|
1090
1094
|
return {
|
|
1091
1095
|
icon: import_icons16.ThemeBuilderIcon,
|
|
1092
1096
|
title: (0, import_i18n18.__)("Theme Builder", "elementor"),
|
|
1093
|
-
onClick: () => (0, import_editor_v1_adapters13.
|
|
1097
|
+
onClick: () => (0, import_editor_v1_adapters13.__privateRunCommand)("app/open")
|
|
1094
1098
|
};
|
|
1095
1099
|
}
|
|
1096
1100
|
|
|
@@ -1107,11 +1111,11 @@ var import_i18n19 = require("@wordpress/i18n");
|
|
|
1107
1111
|
var import_icons17 = require("@elementor/icons");
|
|
1108
1112
|
var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
|
|
1109
1113
|
function useActionProps9() {
|
|
1110
|
-
const { isActive, isBlocked } = (0, import_editor_v1_adapters14.
|
|
1114
|
+
const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("panel/editor-preferences");
|
|
1111
1115
|
return {
|
|
1112
1116
|
icon: import_icons17.ToggleRightIcon,
|
|
1113
1117
|
title: (0, import_i18n19.__)("User Preferences", "elementor"),
|
|
1114
|
-
onClick: () => (0, import_editor_v1_adapters14.
|
|
1118
|
+
onClick: () => (0, import_editor_v1_adapters14.__privateOpenRoute)("panel/editor-preferences"),
|
|
1115
1119
|
selected: isActive,
|
|
1116
1120
|
disabled: isBlocked
|
|
1117
1121
|
};
|