@wordpress/components 33.1.1-next.v.202605131032.0 → 35.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +35 -1
- package/build/autocomplete/index.cjs +5 -4
- package/build/autocomplete/index.cjs.map +3 -3
- package/build/box-control/index.cjs +0 -6
- package/build/box-control/index.cjs.map +2 -2
- package/build/box-control/utils.cjs +0 -38
- package/build/box-control/utils.cjs.map +3 -3
- package/build/custom-gradient-picker/gradient-bar/index.cjs.map +2 -2
- package/build/draggable/index.cjs +101 -7
- package/build/draggable/index.cjs.map +3 -3
- package/build/form-token-field/index.cjs +41 -7
- package/build/form-token-field/index.cjs.map +2 -2
- package/build/index.cjs +0 -17
- package/build/index.cjs.map +2 -2
- package/build/notice/index.cjs +33 -35
- package/build/notice/index.cjs.map +2 -2
- package/build/popover/index.cjs +12 -0
- package/build/popover/index.cjs.map +2 -2
- package/build/tabs/styles.cjs +5 -5
- package/build/tabs/styles.cjs.map +2 -2
- package/build-module/autocomplete/index.mjs +6 -5
- package/build-module/autocomplete/index.mjs.map +2 -2
- package/build-module/box-control/index.mjs +0 -2
- package/build-module/box-control/index.mjs.map +2 -2
- package/build-module/box-control/utils.mjs +0 -27
- package/build-module/box-control/utils.mjs.map +2 -2
- package/build-module/custom-gradient-picker/gradient-bar/index.mjs.map +2 -2
- package/build-module/draggable/index.mjs +101 -7
- package/build-module/draggable/index.mjs.map +3 -3
- package/build-module/form-token-field/index.mjs +41 -7
- package/build-module/form-token-field/index.mjs.map +2 -2
- package/build-module/index.mjs +87 -99
- package/build-module/index.mjs.map +2 -2
- package/build-module/notice/index.mjs +34 -36
- package/build-module/notice/index.mjs.map +2 -2
- package/build-module/popover/index.mjs +12 -0
- package/build-module/popover/index.mjs.map +2 -2
- package/build-module/tabs/styles.mjs +5 -5
- package/build-module/tabs/styles.mjs.map +2 -2
- package/build-style/style-rtl.css +64 -66
- package/build-style/style.css +64 -66
- package/build-types/autocomplete/index.d.ts.map +1 -1
- package/build-types/badge/stories/e2e/index.story.d.ts +7 -0
- package/build-types/badge/stories/e2e/index.story.d.ts.map +1 -0
- package/build-types/box-control/index.d.ts +0 -1
- package/build-types/box-control/index.d.ts.map +1 -1
- package/build-types/box-control/styles/box-control-styles.d.ts +1 -2
- package/build-types/box-control/styles/box-control-styles.d.ts.map +1 -1
- package/build-types/box-control/utils.d.ts +0 -13
- package/build-types/box-control/utils.d.ts.map +1 -1
- package/build-types/button/stories/e2e/index.story.d.ts +1 -0
- package/build-types/button/stories/e2e/index.story.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts +1 -2
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/index.d.ts.map +1 -1
- package/build-types/draggable/index.d.ts.map +1 -1
- package/build-types/draggable/stories/index.story.d.ts +4 -5
- package/build-types/draggable/stories/index.story.d.ts.map +1 -1
- package/build-types/draggable/types.d.ts +4 -0
- package/build-types/draggable/types.d.ts.map +1 -1
- package/build-types/form-token-field/index.d.ts.map +1 -1
- package/build-types/icon/stories/index.story.d.ts +0 -6
- package/build-types/icon/stories/index.story.d.ts.map +1 -1
- package/build-types/index.d.ts +1 -6
- package/build-types/index.d.ts.map +1 -1
- package/build-types/notice/index.d.ts.map +1 -1
- package/build-types/notice/types.d.ts +1 -2
- package/build-types/notice/types.d.ts.map +1 -1
- package/build-types/popover/index.d.ts.map +1 -1
- package/build-types/range-control/index.d.ts +1 -2
- package/build-types/range-control/index.d.ts.map +1 -1
- package/build-types/range-control/stories/index.story.d.ts.map +1 -1
- package/build-types/range-control/types.d.ts +0 -4
- package/build-types/range-control/types.d.ts.map +1 -1
- package/build-types/tab-panel/stories/index.story.d.ts +0 -6
- package/build-types/tab-panel/stories/index.story.d.ts.map +1 -1
- package/build-types/tabs/stories/index.story.d.ts +0 -6
- package/build-types/tabs/stories/index.story.d.ts.map +1 -1
- package/build-types/tabs/styles.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/range-control.d.ts +1 -2
- package/build-types/validated-form-controls/components/range-control.d.ts.map +1 -1
- package/package.json +24 -22
- package/src/autocomplete/index.tsx +25 -7
- package/src/badge/stories/e2e/index.story.tsx +21 -0
- package/src/box-control/index.tsx +0 -1
- package/src/box-control/utils.ts +0 -43
- package/src/button/stories/e2e/index.story.tsx +11 -0
- package/src/custom-gradient-picker/gradient-bar/index.tsx +1 -1
- package/src/draggable/index.tsx +32 -10
- package/src/draggable/stories/index.story.tsx +11 -6
- package/src/draggable/style.module.scss +29 -0
- package/src/draggable/types.ts +4 -0
- package/src/form-token-field/index.tsx +84 -8
- package/src/form-token-field/test/index.tsx +189 -0
- package/src/icon/stories/index.story.tsx +2 -14
- package/src/index.ts +0 -6
- package/src/menu/test/index.tsx +9 -4
- package/src/modal/style.scss +2 -1
- package/src/notice/README.md +1 -2
- package/src/notice/index.tsx +57 -64
- package/src/notice/style.scss +49 -41
- package/src/notice/test/__snapshots__/index.tsx.snap +23 -23
- package/src/notice/test/index.tsx +5 -5
- package/src/notice/types.ts +1 -2
- package/src/popover/index.tsx +28 -0
- package/src/popover/test/index.tsx +138 -1
- package/src/range-control/stories/index.story.tsx +0 -1
- package/src/range-control/types.ts +0 -4
- package/src/style.scss +0 -1
- package/src/tab-panel/stories/index.story.tsx +2 -13
- package/src/tab-panel/style.scss +36 -14
- package/src/tabs/stories/index.story.tsx +2 -13
- package/src/tabs/styles.ts +3 -8
- package/build/navigation/back-button/index.cjs +0 -86
- package/build/navigation/back-button/index.cjs.map +0 -7
- package/build/navigation/constants.cjs +0 -34
- package/build/navigation/constants.cjs.map +0 -7
- package/build/navigation/context.cjs +0 -58
- package/build/navigation/context.cjs.map +0 -7
- package/build/navigation/group/context.cjs +0 -38
- package/build/navigation/group/context.cjs.map +0 -7
- package/build/navigation/group/index.cjs +0 -88
- package/build/navigation/group/index.cjs.map +0 -7
- package/build/navigation/index.cjs +0 -113
- package/build/navigation/index.cjs.map +0 -7
- package/build/navigation/item/base-content.cjs +0 -44
- package/build/navigation/item/base-content.cjs.map +0 -7
- package/build/navigation/item/base.cjs +0 -66
- package/build/navigation/item/base.cjs.map +0 -7
- package/build/navigation/item/index.cjs +0 -119
- package/build/navigation/item/index.cjs.map +0 -7
- package/build/navigation/item/use-navigation-tree-item.cjs +0 -64
- package/build/navigation/item/use-navigation-tree-item.cjs.map +0 -7
- package/build/navigation/menu/context.cjs +0 -39
- package/build/navigation/menu/context.cjs.map +0 -7
- package/build/navigation/menu/index.cjs +0 -114
- package/build/navigation/menu/index.cjs.map +0 -7
- package/build/navigation/menu/menu-title-search.cjs +0 -111
- package/build/navigation/menu/menu-title-search.cjs.map +0 -7
- package/build/navigation/menu/menu-title.cjs +0 -104
- package/build/navigation/menu/menu-title.cjs.map +0 -7
- package/build/navigation/menu/search-no-results-found.cjs +0 -48
- package/build/navigation/menu/search-no-results-found.cjs.map +0 -7
- package/build/navigation/menu/use-navigation-tree-menu.cjs +0 -51
- package/build/navigation/menu/use-navigation-tree-menu.cjs.map +0 -7
- package/build/navigation/styles/navigation-styles.cjs +0 -170
- package/build/navigation/styles/navigation-styles.cjs.map +0 -7
- package/build/navigation/types.cjs +0 -19
- package/build/navigation/types.cjs.map +0 -7
- package/build/navigation/use-create-navigation-tree.cjs +0 -103
- package/build/navigation/use-create-navigation-tree.cjs.map +0 -7
- package/build/navigation/use-navigation-tree-nodes.cjs +0 -60
- package/build/navigation/use-navigation-tree-nodes.cjs.map +0 -7
- package/build/navigation/utils.cjs +0 -45
- package/build/navigation/utils.cjs.map +0 -7
- package/build-module/navigation/back-button/index.mjs +0 -51
- package/build-module/navigation/back-button/index.mjs.map +0 -7
- package/build-module/navigation/constants.mjs +0 -8
- package/build-module/navigation/constants.mjs.map +0 -7
- package/build-module/navigation/context.mjs +0 -32
- package/build-module/navigation/context.mjs.map +0 -7
- package/build-module/navigation/group/context.mjs +0 -12
- package/build-module/navigation/group/context.mjs.map +0 -7
- package/build-module/navigation/group/index.mjs +0 -53
- package/build-module/navigation/group/index.mjs.map +0 -7
- package/build-module/navigation/index.mjs +0 -78
- package/build-module/navigation/index.mjs.map +0 -7
- package/build-module/navigation/item/base-content.mjs +0 -23
- package/build-module/navigation/item/base-content.mjs.map +0 -7
- package/build-module/navigation/item/base.mjs +0 -35
- package/build-module/navigation/item/base.mjs.map +0 -7
- package/build-module/navigation/item/index.mjs +0 -84
- package/build-module/navigation/item/index.mjs.map +0 -7
- package/build-module/navigation/item/use-navigation-tree-item.mjs +0 -39
- package/build-module/navigation/item/use-navigation-tree-item.mjs.map +0 -7
- package/build-module/navigation/menu/context.mjs +0 -13
- package/build-module/navigation/menu/context.mjs.map +0 -7
- package/build-module/navigation/menu/index.mjs +0 -79
- package/build-module/navigation/menu/index.mjs.map +0 -7
- package/build-module/navigation/menu/menu-title-search.mjs +0 -80
- package/build-module/navigation/menu/menu-title-search.mjs.map +0 -7
- package/build-module/navigation/menu/menu-title.mjs +0 -73
- package/build-module/navigation/menu/menu-title.mjs.map +0 -7
- package/build-module/navigation/menu/search-no-results-found.mjs +0 -27
- package/build-module/navigation/menu/search-no-results-found.mjs.map +0 -7
- package/build-module/navigation/menu/use-navigation-tree-menu.mjs +0 -26
- package/build-module/navigation/menu/use-navigation-tree-menu.mjs.map +0 -7
- package/build-module/navigation/styles/navigation-styles.mjs +0 -124
- package/build-module/navigation/styles/navigation-styles.mjs.map +0 -7
- package/build-module/navigation/types.mjs +0 -1
- package/build-module/navigation/types.mjs.map +0 -7
- package/build-module/navigation/use-create-navigation-tree.mjs +0 -78
- package/build-module/navigation/use-create-navigation-tree.mjs.map +0 -7
- package/build-module/navigation/use-navigation-tree-nodes.mjs +0 -35
- package/build-module/navigation/use-navigation-tree-nodes.mjs.map +0 -7
- package/build-module/navigation/utils.mjs +0 -9
- package/build-module/navigation/utils.mjs.map +0 -7
- package/build-types/navigation/back-button/index.d.ts +0 -7
- package/build-types/navigation/back-button/index.d.ts.map +0 -1
- package/build-types/navigation/constants.d.ts +0 -3
- package/build-types/navigation/constants.d.ts.map +0 -1
- package/build-types/navigation/context.d.ts +0 -4
- package/build-types/navigation/context.d.ts.map +0 -1
- package/build-types/navigation/group/context.d.ts +0 -7
- package/build-types/navigation/group/context.d.ts.map +0 -1
- package/build-types/navigation/group/index.d.ts +0 -7
- package/build-types/navigation/group/index.d.ts.map +0 -1
- package/build-types/navigation/index.d.ts +0 -46
- package/build-types/navigation/index.d.ts.map +0 -1
- package/build-types/navigation/item/base-content.d.ts +0 -3
- package/build-types/navigation/item/base-content.d.ts.map +0 -1
- package/build-types/navigation/item/base.d.ts +0 -3
- package/build-types/navigation/item/base.d.ts.map +0 -1
- package/build-types/navigation/item/index.d.ts +0 -7
- package/build-types/navigation/item/index.d.ts.map +0 -1
- package/build-types/navigation/item/use-navigation-tree-item.d.ts +0 -3
- package/build-types/navigation/item/use-navigation-tree-item.d.ts.map +0 -1
- package/build-types/navigation/menu/context.d.ts +0 -7
- package/build-types/navigation/menu/context.d.ts.map +0 -1
- package/build-types/navigation/menu/index.d.ts +0 -7
- package/build-types/navigation/menu/index.d.ts.map +0 -1
- package/build-types/navigation/menu/menu-title-search.d.ts +0 -3
- package/build-types/navigation/menu/menu-title-search.d.ts.map +0 -1
- package/build-types/navigation/menu/menu-title.d.ts +0 -3
- package/build-types/navigation/menu/menu-title.d.ts.map +0 -1
- package/build-types/navigation/menu/search-no-results-found.d.ts +0 -3
- package/build-types/navigation/menu/search-no-results-found.d.ts.map +0 -1
- package/build-types/navigation/menu/use-navigation-tree-menu.d.ts +0 -3
- package/build-types/navigation/menu/use-navigation-tree-menu.d.ts.map +0 -1
- package/build-types/navigation/stories/index.story.d.ts +0 -23
- package/build-types/navigation/stories/index.story.d.ts.map +0 -1
- package/build-types/navigation/stories/utils/controlled-state.d.ts +0 -7
- package/build-types/navigation/stories/utils/controlled-state.d.ts.map +0 -1
- package/build-types/navigation/stories/utils/default.d.ts +0 -10
- package/build-types/navigation/stories/utils/default.d.ts.map +0 -1
- package/build-types/navigation/stories/utils/group.d.ts +0 -10
- package/build-types/navigation/stories/utils/group.d.ts.map +0 -1
- package/build-types/navigation/stories/utils/hide-if-empty.d.ts +0 -10
- package/build-types/navigation/stories/utils/hide-if-empty.d.ts.map +0 -1
- package/build-types/navigation/stories/utils/more-examples.d.ts +0 -10
- package/build-types/navigation/stories/utils/more-examples.d.ts.map +0 -1
- package/build-types/navigation/stories/utils/search.d.ts +0 -10
- package/build-types/navigation/stories/utils/search.d.ts.map +0 -1
- package/build-types/navigation/styles/navigation-styles.d.ts +0 -55
- package/build-types/navigation/styles/navigation-styles.d.ts.map +0 -1
- package/build-types/navigation/test/index.d.ts +0 -2
- package/build-types/navigation/test/index.d.ts.map +0 -1
- package/build-types/navigation/types.d.ts +0 -266
- package/build-types/navigation/types.d.ts.map +0 -1
- package/build-types/navigation/use-create-navigation-tree.d.ts +0 -15
- package/build-types/navigation/use-create-navigation-tree.d.ts.map +0 -1
- package/build-types/navigation/use-navigation-tree-nodes.d.ts +0 -10
- package/build-types/navigation/use-navigation-tree-nodes.d.ts.map +0 -1
- package/build-types/navigation/utils.d.ts +0 -3
- package/build-types/navigation/utils.d.ts.map +0 -1
- package/src/draggable/style.scss +0 -21
- package/src/navigation/README.md +0 -267
- package/src/navigation/back-button/index.tsx +0 -73
- package/src/navigation/constants.tsx +0 -2
- package/src/navigation/context.tsx +0 -40
- package/src/navigation/group/context.tsx +0 -16
- package/src/navigation/group/index.tsx +0 -73
- package/src/navigation/index.tsx +0 -152
- package/src/navigation/item/base-content.tsx +0 -31
- package/src/navigation/item/base.tsx +0 -42
- package/src/navigation/item/index.tsx +0 -112
- package/src/navigation/item/use-navigation-tree-item.tsx +0 -47
- package/src/navigation/menu/context.tsx +0 -20
- package/src/navigation/menu/index.tsx +0 -105
- package/src/navigation/menu/menu-title-search.tsx +0 -99
- package/src/navigation/menu/menu-title.tsx +0 -100
- package/src/navigation/menu/search-no-results-found.tsx +0 -34
- package/src/navigation/menu/use-navigation-tree-menu.tsx +0 -29
- package/src/navigation/stories/index.story.tsx +0 -62
- package/src/navigation/stories/style.css +0 -25
- package/src/navigation/stories/utils/controlled-state.tsx +0 -149
- package/src/navigation/stories/utils/default.tsx +0 -92
- package/src/navigation/stories/utils/group.tsx +0 -61
- package/src/navigation/stories/utils/hide-if-empty.tsx +0 -66
- package/src/navigation/stories/utils/more-examples.tsx +0 -162
- package/src/navigation/stories/utils/search.tsx +0 -91
- package/src/navigation/styles/navigation-styles.tsx +0 -197
- package/src/navigation/test/index.tsx +0 -347
- package/src/navigation/types.ts +0 -325
- package/src/navigation/use-create-navigation-tree.tsx +0 -110
- package/src/navigation/use-navigation-tree-nodes.tsx +0 -31
- package/src/navigation/utils.tsx +0 -11
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// packages/components/src/navigation/use-create-navigation-tree.tsx
|
|
21
|
-
var use_create_navigation_tree_exports = {};
|
|
22
|
-
__export(use_create_navigation_tree_exports, {
|
|
23
|
-
useCreateNavigationTree: () => useCreateNavigationTree
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(use_create_navigation_tree_exports);
|
|
26
|
-
var import_element = require("@wordpress/element");
|
|
27
|
-
var import_use_navigation_tree_nodes = require("./use-navigation-tree-nodes.cjs");
|
|
28
|
-
var useCreateNavigationTree = () => {
|
|
29
|
-
const {
|
|
30
|
-
nodes: items,
|
|
31
|
-
getNode: getItem,
|
|
32
|
-
addNode: addItem,
|
|
33
|
-
removeNode: removeItem
|
|
34
|
-
} = (0, import_use_navigation_tree_nodes.useNavigationTreeNodes)();
|
|
35
|
-
const {
|
|
36
|
-
nodes: menus,
|
|
37
|
-
getNode: getMenu,
|
|
38
|
-
addNode: addMenu,
|
|
39
|
-
removeNode: removeMenu
|
|
40
|
-
} = (0, import_use_navigation_tree_nodes.useNavigationTreeNodes)();
|
|
41
|
-
const [childMenu, setChildMenu] = (0, import_element.useState)({});
|
|
42
|
-
const getChildMenu = (menu) => childMenu[menu] || [];
|
|
43
|
-
const traverseMenu = (startMenu, callback) => {
|
|
44
|
-
const visited = [];
|
|
45
|
-
let queue = [startMenu];
|
|
46
|
-
let current;
|
|
47
|
-
while (queue.length > 0) {
|
|
48
|
-
current = getMenu(queue.shift());
|
|
49
|
-
if (!current || visited.includes(current.menu)) {
|
|
50
|
-
continue;
|
|
51
|
-
}
|
|
52
|
-
visited.push(current.menu);
|
|
53
|
-
queue = [...queue, ...getChildMenu(current.menu)];
|
|
54
|
-
if (callback(current) === false) {
|
|
55
|
-
break;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
const isMenuEmpty = (menuToCheck) => {
|
|
60
|
-
let isEmpty = true;
|
|
61
|
-
traverseMenu(menuToCheck, (current) => {
|
|
62
|
-
if (!current.isEmpty) {
|
|
63
|
-
isEmpty = false;
|
|
64
|
-
return false;
|
|
65
|
-
}
|
|
66
|
-
return void 0;
|
|
67
|
-
});
|
|
68
|
-
return isEmpty;
|
|
69
|
-
};
|
|
70
|
-
return {
|
|
71
|
-
items,
|
|
72
|
-
getItem,
|
|
73
|
-
addItem,
|
|
74
|
-
removeItem,
|
|
75
|
-
menus,
|
|
76
|
-
getMenu,
|
|
77
|
-
addMenu: (key, value) => {
|
|
78
|
-
setChildMenu((state) => {
|
|
79
|
-
const newState = {
|
|
80
|
-
...state
|
|
81
|
-
};
|
|
82
|
-
if (!value.parentMenu) {
|
|
83
|
-
return newState;
|
|
84
|
-
}
|
|
85
|
-
if (!newState[value.parentMenu]) {
|
|
86
|
-
newState[value.parentMenu] = [];
|
|
87
|
-
}
|
|
88
|
-
newState[value.parentMenu].push(key);
|
|
89
|
-
return newState;
|
|
90
|
-
});
|
|
91
|
-
addMenu(key, value);
|
|
92
|
-
},
|
|
93
|
-
removeMenu,
|
|
94
|
-
childMenu,
|
|
95
|
-
traverseMenu,
|
|
96
|
-
isMenuEmpty
|
|
97
|
-
};
|
|
98
|
-
};
|
|
99
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
100
|
-
0 && (module.exports = {
|
|
101
|
-
useCreateNavigationTree
|
|
102
|
-
});
|
|
103
|
-
//# sourceMappingURL=use-create-navigation-tree.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/navigation/use-create-navigation-tree.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationTreeNodes } from './use-navigation-tree-nodes';\nexport const useCreateNavigationTree = () => {\n const {\n nodes: items,\n getNode: getItem,\n addNode: addItem,\n removeNode: removeItem\n } = useNavigationTreeNodes();\n const {\n nodes: menus,\n getNode: getMenu,\n addNode: addMenu,\n removeNode: removeMenu\n } = useNavigationTreeNodes();\n\n /**\n * Stores direct nested menus of menus\n * This makes it easy to traverse menu tree\n *\n * Key is the menu prop of the menu\n * Value is an array of menu keys\n */\n const [childMenu, setChildMenu] = useState({});\n const getChildMenu = menu => childMenu[menu] || [];\n const traverseMenu = (startMenu, callback) => {\n const visited = [];\n let queue = [startMenu];\n let current;\n while (queue.length > 0) {\n // Type cast to string is safe because of the `length > 0` check above.\n current = getMenu(queue.shift());\n if (!current || visited.includes(current.menu)) {\n continue;\n }\n visited.push(current.menu);\n queue = [...queue, ...getChildMenu(current.menu)];\n if (callback(current) === false) {\n break;\n }\n }\n };\n const isMenuEmpty = menuToCheck => {\n let isEmpty = true;\n traverseMenu(menuToCheck, current => {\n if (!current.isEmpty) {\n isEmpty = false;\n return false;\n }\n return undefined;\n });\n return isEmpty;\n };\n return {\n items,\n getItem,\n addItem,\n removeItem,\n menus,\n getMenu,\n addMenu: (key, value) => {\n setChildMenu(state => {\n const newState = {\n ...state\n };\n if (!value.parentMenu) {\n return newState;\n }\n if (!newState[value.parentMenu]) {\n newState[value.parentMenu] = [];\n }\n newState[value.parentMenu].push(key);\n return newState;\n });\n addMenu(key, value);\n },\n removeMenu,\n childMenu,\n traverseMenu,\n isMenuEmpty\n };\n};"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAyB;AAKzB,uCAAuC;AAChC,IAAM,0BAA0B,MAAM;AAC3C,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,EACd,QAAI,yDAAuB;AAC3B,QAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,EACd,QAAI,yDAAuB;AAS3B,QAAM,CAAC,WAAW,YAAY,QAAI,yBAAS,CAAC,CAAC;AAC7C,QAAM,eAAe,UAAQ,UAAU,IAAI,KAAK,CAAC;AACjD,QAAM,eAAe,CAAC,WAAW,aAAa;AAC5C,UAAM,UAAU,CAAC;AACjB,QAAI,QAAQ,CAAC,SAAS;AACtB,QAAI;AACJ,WAAO,MAAM,SAAS,GAAG;AAEvB,gBAAU,QAAQ,MAAM,MAAM,CAAC;AAC/B,UAAI,CAAC,WAAW,QAAQ,SAAS,QAAQ,IAAI,GAAG;AAC9C;AAAA,MACF;AACA,cAAQ,KAAK,QAAQ,IAAI;AACzB,cAAQ,CAAC,GAAG,OAAO,GAAG,aAAa,QAAQ,IAAI,CAAC;AAChD,UAAI,SAAS,OAAO,MAAM,OAAO;AAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,QAAM,cAAc,iBAAe;AACjC,QAAI,UAAU;AACd,iBAAa,aAAa,aAAW;AACnC,UAAI,CAAC,QAAQ,SAAS;AACpB,kBAAU;AACV,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AACD,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,CAAC,KAAK,UAAU;AACvB,mBAAa,WAAS;AACpB,cAAM,WAAW;AAAA,UACf,GAAG;AAAA,QACL;AACA,YAAI,CAAC,MAAM,YAAY;AACrB,iBAAO;AAAA,QACT;AACA,YAAI,CAAC,SAAS,MAAM,UAAU,GAAG;AAC/B,mBAAS,MAAM,UAAU,IAAI,CAAC;AAAA,QAChC;AACA,iBAAS,MAAM,UAAU,EAAE,KAAK,GAAG;AACnC,eAAO;AAAA,MACT,CAAC;AACD,cAAQ,KAAK,KAAK;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
|
|
20
|
-
// packages/components/src/navigation/use-navigation-tree-nodes.tsx
|
|
21
|
-
var use_navigation_tree_nodes_exports = {};
|
|
22
|
-
__export(use_navigation_tree_nodes_exports, {
|
|
23
|
-
useNavigationTreeNodes: () => useNavigationTreeNodes
|
|
24
|
-
});
|
|
25
|
-
module.exports = __toCommonJS(use_navigation_tree_nodes_exports);
|
|
26
|
-
var import_element = require("@wordpress/element");
|
|
27
|
-
function useNavigationTreeNodes() {
|
|
28
|
-
const [nodes, setNodes] = (0, import_element.useState)({});
|
|
29
|
-
const getNode = (key) => nodes[key];
|
|
30
|
-
const addNode = (key, value) => {
|
|
31
|
-
const {
|
|
32
|
-
children,
|
|
33
|
-
...newNode
|
|
34
|
-
} = value;
|
|
35
|
-
return setNodes((original) => ({
|
|
36
|
-
...original,
|
|
37
|
-
[key]: newNode
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
40
|
-
const removeNode = (key) => {
|
|
41
|
-
return setNodes((original) => {
|
|
42
|
-
const {
|
|
43
|
-
[key]: removedNode,
|
|
44
|
-
...remainingNodes
|
|
45
|
-
} = original;
|
|
46
|
-
return remainingNodes;
|
|
47
|
-
});
|
|
48
|
-
};
|
|
49
|
-
return {
|
|
50
|
-
nodes,
|
|
51
|
-
getNode,
|
|
52
|
-
addNode,
|
|
53
|
-
removeNode
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
57
|
-
0 && (module.exports = {
|
|
58
|
-
useNavigationTreeNodes
|
|
59
|
-
});
|
|
60
|
-
//# sourceMappingURL=use-navigation-tree-nodes.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/navigation/use-navigation-tree-nodes.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nexport function useNavigationTreeNodes() {\n const [nodes, setNodes] = useState({});\n const getNode = key => nodes[key];\n const addNode = (key, value) => {\n const {\n children,\n ...newNode\n } = value;\n return setNodes(original => ({\n ...original,\n [key]: newNode\n }));\n };\n const removeNode = key => {\n return setNodes(original => {\n const {\n [key]: removedNode,\n ...remainingNodes\n } = original;\n return remainingNodes;\n });\n };\n return {\n nodes,\n getNode,\n addNode,\n removeNode\n };\n}"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAyB;AAClB,SAAS,yBAAyB;AACvC,QAAM,CAAC,OAAO,QAAQ,QAAI,yBAAS,CAAC,CAAC;AACrC,QAAM,UAAU,SAAO,MAAM,GAAG;AAChC,QAAM,UAAU,CAAC,KAAK,UAAU;AAC9B,UAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL,IAAI;AACJ,WAAO,SAAS,eAAa;AAAA,MAC3B,GAAG;AAAA,MACH,CAAC,GAAG,GAAG;AAAA,IACT,EAAE;AAAA,EACJ;AACA,QAAM,aAAa,SAAO;AACxB,WAAO,SAAS,cAAY;AAC1B,YAAM;AAAA,QACJ,CAAC,GAAG,GAAG;AAAA,QACP,GAAG;AAAA,MACL,IAAI;AACJ,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// packages/components/src/navigation/utils.tsx
|
|
31
|
-
var utils_exports = {};
|
|
32
|
-
__export(utils_exports, {
|
|
33
|
-
normalizeInput: () => normalizeInput,
|
|
34
|
-
normalizedSearch: () => normalizedSearch
|
|
35
|
-
});
|
|
36
|
-
module.exports = __toCommonJS(utils_exports);
|
|
37
|
-
var import_remove_accents = __toESM(require("remove-accents"));
|
|
38
|
-
var normalizeInput = (input) => (0, import_remove_accents.default)(input).replace(/^\//, "").toLowerCase();
|
|
39
|
-
var normalizedSearch = (title, search) => -1 !== normalizeInput(title).indexOf(normalizeInput(search));
|
|
40
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
41
|
-
0 && (module.exports = {
|
|
42
|
-
normalizeInput,
|
|
43
|
-
normalizedSearch
|
|
44
|
-
});
|
|
45
|
-
//# sourceMappingURL=utils.cjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/navigation/utils.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\nimport removeAccents from 'remove-accents';\n\n// @see packages/block-editor/src/components/inserter/search-items.js\nexport const normalizeInput = input => removeAccents(input).replace(/^\\//, '').toLowerCase();\nexport const normalizedSearch = (title, search) => -1 !== normalizeInput(title).indexOf(normalizeInput(search));"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,4BAA0B;AAGnB,IAAM,iBAAiB,eAAS,sBAAAA,SAAc,KAAK,EAAE,QAAQ,OAAO,EAAE,EAAE,YAAY;AACpF,IAAM,mBAAmB,CAAC,OAAO,WAAW,OAAO,eAAe,KAAK,EAAE,QAAQ,eAAe,MAAM,CAAC;",
|
|
6
|
-
"names": ["removeAccents"]
|
|
7
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
// packages/components/src/navigation/back-button/index.tsx
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { forwardRef } from "@wordpress/element";
|
|
4
|
-
import { __, isRTL } from "@wordpress/i18n";
|
|
5
|
-
import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
|
|
6
|
-
import { useNavigationContext } from "../context.mjs";
|
|
7
|
-
import { MenuBackButtonUI } from "../styles/navigation-styles.mjs";
|
|
8
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
-
function UnforwardedNavigationBackButton({
|
|
10
|
-
backButtonLabel,
|
|
11
|
-
className,
|
|
12
|
-
href,
|
|
13
|
-
onClick,
|
|
14
|
-
parentMenu
|
|
15
|
-
}, ref) {
|
|
16
|
-
const {
|
|
17
|
-
setActiveMenu,
|
|
18
|
-
navigationTree
|
|
19
|
-
} = useNavigationContext();
|
|
20
|
-
const classes = clsx("components-navigation__back-button", className);
|
|
21
|
-
const parentMenuTitle = parentMenu !== void 0 ? navigationTree.getMenu(parentMenu)?.title : void 0;
|
|
22
|
-
const handleOnClick = (event) => {
|
|
23
|
-
if (typeof onClick === "function") {
|
|
24
|
-
onClick(event);
|
|
25
|
-
}
|
|
26
|
-
const animationDirection = isRTL() ? "left" : "right";
|
|
27
|
-
if (parentMenu && !event.defaultPrevented) {
|
|
28
|
-
setActiveMenu(parentMenu, animationDirection);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const icon = isRTL() ? chevronRight : chevronLeft;
|
|
32
|
-
return /* @__PURE__ */ _jsxs(MenuBackButtonUI, {
|
|
33
|
-
__next40pxDefaultSize: true,
|
|
34
|
-
className: classes,
|
|
35
|
-
href,
|
|
36
|
-
variant: "tertiary",
|
|
37
|
-
ref,
|
|
38
|
-
onClick: handleOnClick,
|
|
39
|
-
children: [/* @__PURE__ */ _jsx(Icon, {
|
|
40
|
-
icon
|
|
41
|
-
}), backButtonLabel || parentMenuTitle || __("Back")]
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
var NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);
|
|
45
|
-
NavigationBackButton.displayName = "NavigationBackButton";
|
|
46
|
-
var back_button_default = NavigationBackButton;
|
|
47
|
-
export {
|
|
48
|
-
NavigationBackButton,
|
|
49
|
-
back_button_default as default
|
|
50
|
-
};
|
|
51
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/navigation/back-button/index.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { MenuBackButtonUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedNavigationBackButton({\n backButtonLabel,\n className,\n href,\n onClick,\n parentMenu\n}, ref) {\n const {\n setActiveMenu,\n navigationTree\n } = useNavigationContext();\n const classes = clsx('components-navigation__back-button', className);\n const parentMenuTitle = parentMenu !== undefined ? navigationTree.getMenu(parentMenu)?.title : undefined;\n const handleOnClick = event => {\n if (typeof onClick === 'function') {\n onClick(event);\n }\n const animationDirection = isRTL() ? 'left' : 'right';\n if (parentMenu && !event.defaultPrevented) {\n setActiveMenu(parentMenu, animationDirection);\n }\n };\n const icon = isRTL() ? chevronRight : chevronLeft;\n return /*#__PURE__*/_jsxs(MenuBackButtonUI, {\n __next40pxDefaultSize: true,\n className: classes,\n href: href,\n variant: \"tertiary\",\n ref: ref,\n onClick: handleOnClick,\n children: [/*#__PURE__*/_jsx(Icon, {\n icon: icon\n }), backButtonLabel || parentMenuTitle || __('Back')]\n });\n}\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);\nNavigationBackButton.displayName = 'NavigationBackButton';\nexport default NavigationBackButton;"],
|
|
5
|
-
"mappings": ";AAGA,OAAO,UAAU;AAIjB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,aAAa;AAC1B,SAAS,MAAM,aAAa,oBAAoB;AAKhD,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU,KAAK,sCAAsC,SAAS;AACpE,QAAM,kBAAkB,eAAe,SAAY,eAAe,QAAQ,UAAU,GAAG,QAAQ;AAC/F,QAAM,gBAAgB,WAAS;AAC7B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,qBAAqB,MAAM,IAAI,SAAS;AAC9C,QAAI,cAAc,CAAC,MAAM,kBAAkB;AACzC,oBAAc,YAAY,kBAAkB;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,OAAO,MAAM,IAAI,eAAe;AACtC,SAAoB,sBAAM,kBAAkB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,UAAU,CAAc,qBAAK,MAAM;AAAA,MACjC;AAAA,IACF,CAAC,GAAG,mBAAmB,mBAAmB,GAAG,MAAM,CAAC;AAAA,EACtD,CAAC;AACH;AAKO,IAAM,uBAAuB,WAAW,+BAA+B;AAC9E,qBAAqB,cAAc;AACnC,IAAO,sBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
// packages/components/src/navigation/context.tsx
|
|
2
|
-
import { createContext, useContext } from "@wordpress/element";
|
|
3
|
-
import { ROOT_MENU } from "./constants.mjs";
|
|
4
|
-
var noop = () => {
|
|
5
|
-
};
|
|
6
|
-
var defaultIsEmpty = () => false;
|
|
7
|
-
var defaultGetter = () => void 0;
|
|
8
|
-
var NavigationContext = createContext({
|
|
9
|
-
activeItem: void 0,
|
|
10
|
-
activeMenu: ROOT_MENU,
|
|
11
|
-
setActiveMenu: noop,
|
|
12
|
-
navigationTree: {
|
|
13
|
-
items: {},
|
|
14
|
-
getItem: defaultGetter,
|
|
15
|
-
addItem: noop,
|
|
16
|
-
removeItem: noop,
|
|
17
|
-
menus: {},
|
|
18
|
-
getMenu: defaultGetter,
|
|
19
|
-
addMenu: noop,
|
|
20
|
-
removeMenu: noop,
|
|
21
|
-
childMenu: {},
|
|
22
|
-
traverseMenu: noop,
|
|
23
|
-
isMenuEmpty: defaultIsEmpty
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
NavigationContext.displayName = "NavigationContext";
|
|
27
|
-
var useNavigationContext = () => useContext(NavigationContext);
|
|
28
|
-
export {
|
|
29
|
-
NavigationContext,
|
|
30
|
-
useNavigationContext
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=context.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/navigation/context.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from './constants';\nconst noop = () => {};\nconst defaultIsEmpty = () => false;\nconst defaultGetter = () => undefined;\nexport const NavigationContext = createContext({\n activeItem: undefined,\n activeMenu: ROOT_MENU,\n setActiveMenu: noop,\n navigationTree: {\n items: {},\n getItem: defaultGetter,\n addItem: noop,\n removeItem: noop,\n menus: {},\n getMenu: defaultGetter,\n addMenu: noop,\n removeMenu: noop,\n childMenu: {},\n traverseMenu: noop,\n isMenuEmpty: defaultIsEmpty\n }\n});\nNavigationContext.displayName = 'NavigationContext';\nexport const useNavigationContext = () => useContext(NavigationContext);"],
|
|
5
|
-
"mappings": ";AAGA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,iBAAiB;AAC1B,IAAM,OAAO,MAAM;AAAC;AACpB,IAAM,iBAAiB,MAAM;AAC7B,IAAM,gBAAgB,MAAM;AACrB,IAAM,oBAAoB,cAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,IAAM,uBAAuB,MAAM,WAAW,iBAAiB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
// packages/components/src/navigation/group/context.tsx
|
|
2
|
-
import { createContext, useContext } from "@wordpress/element";
|
|
3
|
-
var NavigationGroupContext = createContext({
|
|
4
|
-
group: void 0
|
|
5
|
-
});
|
|
6
|
-
NavigationGroupContext.displayName = "NavigationGroupContext";
|
|
7
|
-
var useNavigationGroupContext = () => useContext(NavigationGroupContext);
|
|
8
|
-
export {
|
|
9
|
-
NavigationGroupContext,
|
|
10
|
-
useNavigationGroupContext
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=context.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/navigation/group/context.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationGroupContext = createContext({\n group: undefined\n});\nNavigationGroupContext.displayName = 'NavigationGroupContext';\nexport const useNavigationGroupContext = () => useContext(NavigationGroupContext);"],
|
|
5
|
-
"mappings": ";AAGA,SAAS,eAAe,kBAAkB;AAMnC,IAAM,yBAAyB,cAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,IAAM,4BAA4B,MAAM,WAAW,sBAAsB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
// packages/components/src/navigation/group/index.tsx
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { useState } from "@wordpress/element";
|
|
4
|
-
import { NavigationGroupContext } from "./context.mjs";
|
|
5
|
-
import { GroupTitleUI } from "../styles/navigation-styles.mjs";
|
|
6
|
-
import { useNavigationContext } from "../context.mjs";
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
-
var uniqueId = 0;
|
|
9
|
-
function NavigationGroup({
|
|
10
|
-
children,
|
|
11
|
-
className,
|
|
12
|
-
title
|
|
13
|
-
}) {
|
|
14
|
-
const [groupId] = useState(`group-${++uniqueId}`);
|
|
15
|
-
const {
|
|
16
|
-
navigationTree: {
|
|
17
|
-
items
|
|
18
|
-
}
|
|
19
|
-
} = useNavigationContext();
|
|
20
|
-
const context = {
|
|
21
|
-
group: groupId
|
|
22
|
-
};
|
|
23
|
-
if (!Object.values(items).some((item) => item.group === groupId && item._isVisible)) {
|
|
24
|
-
return /* @__PURE__ */ _jsx(NavigationGroupContext.Provider, {
|
|
25
|
-
value: context,
|
|
26
|
-
children
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
const groupTitleId = `components-navigation__group-title-${groupId}`;
|
|
30
|
-
const classes = clsx("components-navigation__group", className);
|
|
31
|
-
return /* @__PURE__ */ _jsx(NavigationGroupContext.Provider, {
|
|
32
|
-
value: context,
|
|
33
|
-
children: /* @__PURE__ */ _jsxs("li", {
|
|
34
|
-
className: classes,
|
|
35
|
-
children: [title && /* @__PURE__ */ _jsx(GroupTitleUI, {
|
|
36
|
-
className: "components-navigation__group-title",
|
|
37
|
-
id: groupTitleId,
|
|
38
|
-
level: 3,
|
|
39
|
-
children: title
|
|
40
|
-
}), /* @__PURE__ */ _jsx("ul", {
|
|
41
|
-
"aria-labelledby": groupTitleId,
|
|
42
|
-
role: "group",
|
|
43
|
-
children
|
|
44
|
-
})]
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
var group_default = NavigationGroup;
|
|
49
|
-
export {
|
|
50
|
-
NavigationGroup,
|
|
51
|
-
group_default as default
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/navigation/group/index.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { NavigationGroupContext } from './context';\nimport { GroupTitleUI } from '../styles/navigation-styles';\nimport { useNavigationContext } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nlet uniqueId = 0;\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationGroup({\n children,\n className,\n title\n}) {\n const [groupId] = useState(`group-${++uniqueId}`);\n const {\n navigationTree: {\n items\n }\n } = useNavigationContext();\n const context = {\n group: groupId\n };\n\n // Keep the children rendered to make sure invisible items are included in the navigation tree.\n if (!Object.values(items).some(item => item.group === groupId && item._isVisible)) {\n return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n value: context,\n children: children\n });\n }\n const groupTitleId = `components-navigation__group-title-${groupId}`;\n const classes = clsx('components-navigation__group', className);\n return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n value: context,\n children: /*#__PURE__*/_jsxs(\"li\", {\n className: classes,\n children: [title && /*#__PURE__*/_jsx(GroupTitleUI, {\n className: \"components-navigation__group-title\",\n id: groupTitleId,\n level: 3,\n children: title\n }), /*#__PURE__*/_jsx(\"ul\", {\n \"aria-labelledby\": groupTitleId,\n role: \"group\",\n children: children\n })]\n })\n });\n}\nexport default NavigationGroup;"],
|
|
5
|
-
"mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,IAAI,SAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,qBAAK,uBAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,UAAU,KAAK,gCAAgC,SAAS;AAC9D,SAAoB,qBAAK,uBAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,sBAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,qBAAK,cAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,qBAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
// packages/components/src/navigation/index.tsx
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import deprecated from "@wordpress/deprecated";
|
|
4
|
-
import { useEffect, useRef, useState } from "@wordpress/element";
|
|
5
|
-
import { isRTL } from "@wordpress/i18n";
|
|
6
|
-
import { getAnimateClassName } from "../animate/index.mjs";
|
|
7
|
-
import { ROOT_MENU } from "./constants.mjs";
|
|
8
|
-
import { NavigationContext } from "./context.mjs";
|
|
9
|
-
import { NavigationUI } from "./styles/navigation-styles.mjs";
|
|
10
|
-
import { useCreateNavigationTree } from "./use-create-navigation-tree.mjs";
|
|
11
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
|
-
var noop = () => {
|
|
13
|
-
};
|
|
14
|
-
function Navigation({
|
|
15
|
-
activeItem,
|
|
16
|
-
activeMenu = ROOT_MENU,
|
|
17
|
-
children,
|
|
18
|
-
className,
|
|
19
|
-
onActivateMenu = noop
|
|
20
|
-
}) {
|
|
21
|
-
const [menu, setMenu] = useState(activeMenu);
|
|
22
|
-
const [slideOrigin, setSlideOrigin] = useState();
|
|
23
|
-
const navigationTree = useCreateNavigationTree();
|
|
24
|
-
const defaultSlideOrigin = isRTL() ? "right" : "left";
|
|
25
|
-
deprecated("wp.components.Navigation (and all subcomponents)", {
|
|
26
|
-
since: "6.8",
|
|
27
|
-
version: "7.1",
|
|
28
|
-
alternative: "wp.components.Navigator"
|
|
29
|
-
});
|
|
30
|
-
const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {
|
|
31
|
-
if (!navigationTree.getMenu(menuId)) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
setSlideOrigin(slideInOrigin);
|
|
35
|
-
setMenu(menuId);
|
|
36
|
-
onActivateMenu(menuId);
|
|
37
|
-
};
|
|
38
|
-
const isMountedRef = useRef(false);
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
if (!isMountedRef.current) {
|
|
41
|
-
isMountedRef.current = true;
|
|
42
|
-
}
|
|
43
|
-
}, []);
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
if (activeMenu !== menu) {
|
|
46
|
-
setActiveMenu(activeMenu);
|
|
47
|
-
}
|
|
48
|
-
}, [activeMenu]);
|
|
49
|
-
const context = {
|
|
50
|
-
activeItem,
|
|
51
|
-
activeMenu: menu,
|
|
52
|
-
setActiveMenu,
|
|
53
|
-
navigationTree
|
|
54
|
-
};
|
|
55
|
-
const classes = clsx("components-navigation", className);
|
|
56
|
-
const animateClassName = getAnimateClassName({
|
|
57
|
-
type: "slide-in",
|
|
58
|
-
origin: slideOrigin
|
|
59
|
-
});
|
|
60
|
-
return /* @__PURE__ */ _jsx(NavigationUI, {
|
|
61
|
-
className: classes,
|
|
62
|
-
children: /* @__PURE__ */ _jsx("div", {
|
|
63
|
-
className: animateClassName ? clsx({
|
|
64
|
-
[animateClassName]: isMountedRef.current && slideOrigin
|
|
65
|
-
}) : void 0,
|
|
66
|
-
children: /* @__PURE__ */ _jsx(NavigationContext.Provider, {
|
|
67
|
-
value: context,
|
|
68
|
-
children
|
|
69
|
-
})
|
|
70
|
-
}, menu)
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
var navigation_default = Navigation;
|
|
74
|
-
export {
|
|
75
|
-
Navigation,
|
|
76
|
-
navigation_default as default
|
|
77
|
-
};
|
|
78
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/navigation/index.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../animate';\nimport { ROOT_MENU } from './constants';\nimport { NavigationContext } from './context';\nimport { NavigationUI } from './styles/navigation-styles';\nimport { useCreateNavigationTree } from './use-create-navigation-tree';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Render a navigation list with optional groupings and hierarchy.\n *\n * @deprecated Use `Navigator` instead.\n *\n * ```jsx\n * import {\n * __experimentalNavigation as Navigation,\n * __experimentalNavigationGroup as NavigationGroup,\n * __experimentalNavigationItem as NavigationItem,\n * __experimentalNavigationMenu as NavigationMenu,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n * <Navigation>\n * <NavigationMenu title=\"Home\">\n * <NavigationGroup title=\"Group 1\">\n * <NavigationItem item=\"item-1\" title=\"Item 1\" />\n * <NavigationItem item=\"item-2\" title=\"Item 2\" />\n * </NavigationGroup>\n * <NavigationGroup title=\"Group 2\">\n * <NavigationItem\n * item=\"item-3\"\n * navigateToMenu=\"category\"\n * title=\"Category\"\n * />\n * </NavigationGroup>\n * </NavigationMenu>\n *\n * <NavigationMenu\n * backButtonLabel=\"Home\"\n * menu=\"category\"\n * parentMenu=\"root\"\n * title=\"Category\"\n * >\n * <NavigationItem badge=\"1\" item=\"child-1\" title=\"Child 1\" />\n * <NavigationItem item=\"child-2\" title=\"Child 2\" />\n * </NavigationMenu>\n * </Navigation>\n * );\n * ```\n */\nexport function Navigation({\n activeItem,\n activeMenu = ROOT_MENU,\n children,\n className,\n onActivateMenu = noop\n}) {\n const [menu, setMenu] = useState(activeMenu);\n const [slideOrigin, setSlideOrigin] = useState();\n const navigationTree = useCreateNavigationTree();\n const defaultSlideOrigin = isRTL() ? 'right' : 'left';\n deprecated('wp.components.Navigation (and all subcomponents)', {\n since: '6.8',\n version: '7.1',\n alternative: 'wp.components.Navigator'\n });\n const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {\n if (!navigationTree.getMenu(menuId)) {\n return;\n }\n setSlideOrigin(slideInOrigin);\n setMenu(menuId);\n onActivateMenu(menuId);\n };\n\n // Used to prevent the sliding animation on mount\n const isMountedRef = useRef(false);\n useEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true;\n }\n }, []);\n useEffect(() => {\n if (activeMenu !== menu) {\n setActiveMenu(activeMenu);\n }\n // Not adding deps for now, as it would require either a larger refactor or some questionable workarounds.\n // See https://github.com/WordPress/gutenberg/pull/41612 for context.\n }, [activeMenu]);\n const context = {\n activeItem,\n activeMenu: menu,\n setActiveMenu,\n navigationTree\n };\n const classes = clsx('components-navigation', className);\n const animateClassName = getAnimateClassName({\n type: 'slide-in',\n origin: slideOrigin\n });\n return /*#__PURE__*/_jsx(NavigationUI, {\n className: classes,\n children: /*#__PURE__*/_jsx(\"div\", {\n className: animateClassName ? clsx({\n [animateClassName]: isMountedRef.current && slideOrigin\n }) : undefined,\n children: /*#__PURE__*/_jsx(NavigationContext.Provider, {\n value: context,\n children: children\n })\n }, menu)\n });\n}\nexport default Navigation;"],
|
|
5
|
-
"mappings": ";AAGA,OAAO,UAAU;AAKjB,OAAO,gBAAgB;AACvB,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,aAAa;AAKtB,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,OAAO,YAAY;AAC5B,IAAM,OAAO,MAAM;AAAC;AA4Cb,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,UAAU;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS;AAC/C,QAAM,iBAAiB,wBAAwB;AAC/C,QAAM,qBAAqB,MAAM,IAAI,UAAU;AAC/C,aAAW,oDAAoD;AAAA,IAC7D,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AACD,QAAM,gBAAgB,CAAC,QAAQ,gBAAgB,uBAAuB;AACpE,QAAI,CAAC,eAAe,QAAQ,MAAM,GAAG;AACnC;AAAA,IACF;AACA,mBAAe,aAAa;AAC5B,YAAQ,MAAM;AACd,mBAAe,MAAM;AAAA,EACvB;AAGA,QAAM,eAAe,OAAO,KAAK;AACjC,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AACd,QAAI,eAAe,MAAM;AACvB,oBAAc,UAAU;AAAA,IAC1B;AAAA,EAGF,GAAG,CAAC,UAAU,CAAC;AACf,QAAM,UAAU;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,UAAU,KAAK,yBAAyB,SAAS;AACvD,QAAM,mBAAmB,oBAAoB;AAAA,IAC3C,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACD,SAAoB,qBAAK,cAAc;AAAA,IACrC,WAAW;AAAA,IACX,UAAuB,qBAAK,OAAO;AAAA,MACjC,WAAW,mBAAmB,KAAK;AAAA,QACjC,CAAC,gBAAgB,GAAG,aAAa,WAAW;AAAA,MAC9C,CAAC,IAAI;AAAA,MACL,UAAuB,qBAAK,kBAAkB,UAAU;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,IACH,GAAG,IAAI;AAAA,EACT,CAAC;AACH;AACA,IAAO,qBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
// packages/components/src/navigation/item/base-content.tsx
|
|
2
|
-
import { ItemBadgeUI, ItemTitleUI } from "../styles/navigation-styles.mjs";
|
|
3
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
function NavigationItemBaseContent(props) {
|
|
5
|
-
const {
|
|
6
|
-
badge,
|
|
7
|
-
title
|
|
8
|
-
} = props;
|
|
9
|
-
return /* @__PURE__ */ _jsxs(_Fragment, {
|
|
10
|
-
children: [title && /* @__PURE__ */ _jsx(ItemTitleUI, {
|
|
11
|
-
className: "components-navigation__item-title",
|
|
12
|
-
as: "span",
|
|
13
|
-
children: title
|
|
14
|
-
}), badge && /* @__PURE__ */ _jsx(ItemBadgeUI, {
|
|
15
|
-
className: "components-navigation__item-badge",
|
|
16
|
-
children: badge
|
|
17
|
-
})]
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
export {
|
|
21
|
-
NavigationItemBaseContent as default
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=base-content.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/navigation/item/base-content.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * Internal dependencies\n */\nimport { ItemBadgeUI, ItemTitleUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function NavigationItemBaseContent(props) {\n const {\n badge,\n title\n } = props;\n return /*#__PURE__*/_jsxs(_Fragment, {\n children: [title && /*#__PURE__*/_jsx(ItemTitleUI, {\n className: \"components-navigation__item-title\",\n as: \"span\",\n children: title\n }), badge && /*#__PURE__*/_jsx(ItemBadgeUI, {\n className: \"components-navigation__item-badge\",\n children: badge\n })]\n });\n}"],
|
|
5
|
-
"mappings": ";AAGA,SAAS,aAAa,mBAAmB;AACzC,SAAS,OAAO,MAAM,YAAY,WAAW,QAAQ,aAAa;AACnD,SAAR,0BAA2C,OAAO;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SAAoB,sBAAM,WAAW;AAAA,IACnC,UAAU,CAAC,SAAsB,qBAAK,aAAa;AAAA,MACjD,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,GAAG,SAAsB,qBAAK,aAAa;AAAA,MAC1C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
// packages/components/src/navigation/item/base.tsx
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { useState } from "@wordpress/element";
|
|
4
|
-
import { useNavigationContext } from "../context.mjs";
|
|
5
|
-
import { useNavigationTreeItem } from "./use-navigation-tree-item.mjs";
|
|
6
|
-
import { ItemBaseUI } from "../styles/navigation-styles.mjs";
|
|
7
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
-
var uniqueId = 0;
|
|
9
|
-
function NavigationItemBase(props) {
|
|
10
|
-
const {
|
|
11
|
-
children,
|
|
12
|
-
className,
|
|
13
|
-
title,
|
|
14
|
-
href,
|
|
15
|
-
...restProps
|
|
16
|
-
} = props;
|
|
17
|
-
const [itemId] = useState(`item-${++uniqueId}`);
|
|
18
|
-
useNavigationTreeItem(itemId, props);
|
|
19
|
-
const {
|
|
20
|
-
navigationTree
|
|
21
|
-
} = useNavigationContext();
|
|
22
|
-
if (!navigationTree.getItem(itemId)?._isVisible) {
|
|
23
|
-
return null;
|
|
24
|
-
}
|
|
25
|
-
const classes = clsx("components-navigation__item", className);
|
|
26
|
-
return /* @__PURE__ */ _jsx(ItemBaseUI, {
|
|
27
|
-
className: classes,
|
|
28
|
-
...restProps,
|
|
29
|
-
children
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
export {
|
|
33
|
-
NavigationItemBase as default
|
|
34
|
-
};
|
|
35
|
-
//# sourceMappingURL=base.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/navigation/item/base.tsx"],
|
|
4
|
-
"sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeItem } from './use-navigation-tree-item';\nimport { ItemBaseUI } from '../styles/navigation-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nlet uniqueId = 0;\nexport default function NavigationItemBase(props) {\n // Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.\n const {\n children,\n className,\n title,\n href,\n ...restProps\n } = props;\n const [itemId] = useState(`item-${++uniqueId}`);\n useNavigationTreeItem(itemId, props);\n const {\n navigationTree\n } = useNavigationContext();\n if (!navigationTree.getItem(itemId)?._isVisible) {\n return null;\n }\n const classes = clsx('components-navigation__item', className);\n return /*#__PURE__*/_jsx(ItemBaseUI, {\n className: classes,\n ...restProps,\n children: children\n });\n}"],
|
|
5
|
-
"mappings": ";AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,IAAI,WAAW;AACA,SAAR,mBAAoC,OAAO;AAEhD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,MAAM,IAAI,SAAS,QAAQ,EAAE,QAAQ,EAAE;AAC9C,wBAAsB,QAAQ,KAAK;AACnC,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,qBAAqB;AACzB,MAAI,CAAC,eAAe,QAAQ,MAAM,GAAG,YAAY;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,UAAU,KAAK,+BAA+B,SAAS;AAC7D,SAAoB,qBAAK,YAAY;AAAA,IACnC,WAAW;AAAA,IACX,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|