@wordpress/components 33.1.1-next.v.202605131006.0 → 34.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 +30 -1
- package/build/autocomplete/index.cjs +5 -4
- package/build/autocomplete/index.cjs.map +3 -3
- package/build/border-control/border-control-dropdown/component.cjs +33 -33
- package/build/border-control/border-control-dropdown/component.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/disabled/index.cjs +1 -1
- package/build/disabled/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/higher-order/with-notices/index.cjs +3 -15
- package/build/higher-order/with-notices/index.cjs.map +2 -2
- package/build/index.cjs +0 -17
- package/build/index.cjs.map +2 -2
- package/build/input-control/input-base.cjs +31 -34
- package/build/input-control/input-base.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/responsive-wrapper/index.cjs +4 -3
- package/build/responsive-wrapper/index.cjs.map +2 -2
- package/build/tabs/styles.cjs +5 -5
- package/build/tabs/styles.cjs.map +2 -2
- package/build/tooltip/index.cjs +2 -1
- package/build/tooltip/index.cjs.map +2 -2
- package/build-module/autocomplete/index.mjs +6 -5
- package/build-module/autocomplete/index.mjs.map +2 -2
- package/build-module/border-control/border-control-dropdown/component.mjs +34 -34
- package/build-module/border-control/border-control-dropdown/component.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/disabled/index.mjs +1 -1
- package/build-module/disabled/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/higher-order/with-notices/index.mjs +4 -16
- package/build-module/higher-order/with-notices/index.mjs.map +2 -2
- package/build-module/index.mjs +87 -99
- package/build-module/index.mjs.map +2 -2
- package/build-module/input-control/input-base.mjs +31 -34
- package/build-module/input-control/input-base.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/responsive-wrapper/index.mjs +4 -3
- package/build-module/responsive-wrapper/index.mjs.map +2 -2
- package/build-module/tabs/styles.mjs +5 -5
- package/build-module/tabs/styles.mjs.map +2 -2
- package/build-module/tooltip/index.mjs +2 -1
- package/build-module/tooltip/index.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/border-box-control/border-box-control/hook.d.ts +24 -10
- package/build-types/border-box-control/border-box-control/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts +26 -12
- package/build-types/border-box-control/border-box-control-linked-button/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts +24 -10
- package/build-types/border-box-control/border-box-control-split-controls/hook.d.ts.map +1 -1
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts +25 -11
- package/build-types/border-box-control/border-box-control-visualizer/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control/hook.d.ts +24 -10
- package/build-types/border-control/border-control/hook.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/component.d.ts.map +1 -1
- package/build-types/border-control/border-control-dropdown/hook.d.ts +23 -9
- package/build-types/border-control/border-control-dropdown/hook.d.ts.map +1 -1
- 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 +3 -4
- 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/card/card/hook.d.ts +25 -11
- package/build-types/card/card/hook.d.ts.map +1 -1
- package/build-types/card/card-body/hook.d.ts +25 -11
- package/build-types/card/card-body/hook.d.ts.map +1 -1
- package/build-types/card/card-divider/hook.d.ts +26 -12
- package/build-types/card/card-divider/hook.d.ts.map +1 -1
- package/build-types/card/card-footer/hook.d.ts +25 -11
- package/build-types/card/card-footer/hook.d.ts.map +1 -1
- package/build-types/card/card-header/hook.d.ts +25 -11
- package/build-types/card/card-header/hook.d.ts.map +1 -1
- package/build-types/card/card-media/hook.d.ts +25 -11
- package/build-types/card/card-media/hook.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts +3 -4
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/composite/stories/index.story.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/index.d.ts.map +1 -1
- package/build-types/custom-select-control-v2/styles.d.ts +4 -12
- package/build-types/custom-select-control-v2/styles.d.ts.map +1 -1
- package/build-types/date-time/time-picker/styles.d.ts +4 -4
- 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/elevation/hook.d.ts +25 -11
- package/build-types/elevation/hook.d.ts.map +1 -1
- package/build-types/flex/flex/hook.d.ts +25 -11
- package/build-types/flex/flex/hook.d.ts.map +1 -1
- package/build-types/flex/flex-block/hook.d.ts +25 -11
- package/build-types/flex/flex-block/hook.d.ts.map +1 -1
- package/build-types/flex/flex-item/hook.d.ts +25 -11
- package/build-types/flex/flex-item/hook.d.ts.map +1 -1
- package/build-types/focal-point-picker/styles/focal-point-picker-style.d.ts +1 -1
- package/build-types/form-token-field/index.d.ts.map +1 -1
- package/build-types/grid/hook.d.ts +25 -11
- package/build-types/grid/hook.d.ts.map +1 -1
- package/build-types/h-stack/hook.d.ts +25 -11
- package/build-types/h-stack/hook.d.ts.map +1 -1
- package/build-types/heading/hook.d.ts +25 -11
- package/build-types/heading/hook.d.ts.map +1 -1
- package/build-types/higher-order/with-fallback-styles/index.d.ts +1 -3
- package/build-types/higher-order/with-filters/index.d.ts +1 -6
- package/build-types/higher-order/with-filters/index.d.ts.map +1 -1
- package/build-types/higher-order/with-notices/index.d.ts +2 -4
- package/build-types/higher-order/with-notices/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/input-control/reducer/reducer.d.ts +1 -1
- package/build-types/item-group/item/hook.d.ts +25 -11
- package/build-types/item-group/item/hook.d.ts.map +1 -1
- package/build-types/item-group/item-group/hook.d.ts +25 -11
- package/build-types/item-group/item-group/hook.d.ts.map +1 -1
- package/build-types/menu/stories/index.story.d.ts.map +1 -1
- package/build-types/menu/styles.d.ts +7 -21
- package/build-types/menu/styles.d.ts.map +1 -1
- package/build-types/modal/use-modal-exit-animation.d.ts +1 -1
- package/build-types/navigator/navigator-back-button/hook.d.ts +26 -12
- package/build-types/navigator/navigator-back-button/hook.d.ts.map +1 -1
- package/build-types/navigator/navigator-button/hook.d.ts +26 -12
- package/build-types/navigator/navigator-button/hook.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/number-control/index.d.ts +1 -1
- package/build-types/number-control/index.d.ts.map +1 -1
- package/build-types/number-control/stories/index.story.d.ts +1 -1
- package/build-types/number-control/stories/index.story.d.ts.map +1 -1
- package/build-types/popover/index.d.ts.map +1 -1
- package/build-types/popover/types.d.ts +2 -2
- package/build-types/popover/types.d.ts.map +1 -1
- package/build-types/range-control/index.d.ts +2 -3
- 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/styles/range-control-styles.d.ts +1 -1
- package/build-types/range-control/types.d.ts +1 -5
- package/build-types/range-control/types.d.ts.map +1 -1
- package/build-types/responsive-wrapper/index.d.ts.map +1 -1
- package/build-types/scrollable/hook.d.ts +25 -11
- package/build-types/scrollable/hook.d.ts.map +1 -1
- package/build-types/snackbar/index.d.ts +2 -2
- package/build-types/snackbar/types.d.ts +2 -2
- package/build-types/snackbar/types.d.ts.map +1 -1
- package/build-types/spacer/hook.d.ts +25 -11
- package/build-types/spacer/hook.d.ts.map +1 -1
- package/build-types/surface/hook.d.ts +25 -11
- package/build-types/surface/hook.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 +3 -9
- package/build-types/tabs/styles.d.ts.map +1 -1
- package/build-types/text/hook.d.ts +25 -11
- package/build-types/text/hook.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel/hook.d.ts +25 -11
- package/build-types/tools-panel/tools-panel/hook.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel-header/hook.d.ts +25 -11
- package/build-types/tools-panel/tools-panel-header/hook.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel-item/hook.d.ts +25 -11
- package/build-types/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
- package/build-types/tooltip/index.d.ts.map +1 -1
- package/build-types/truncate/hook.d.ts +25 -11
- package/build-types/truncate/hook.d.ts.map +1 -1
- package/build-types/unit-control/index.d.ts +1 -1
- package/build-types/unit-control/index.d.ts.map +1 -1
- package/build-types/unit-control/styles/unit-control-styles.d.ts +1 -1
- package/build-types/utils/get-node-text.d.ts.map +1 -1
- package/build-types/v-stack/hook.d.ts +25 -11
- package/build-types/v-stack/hook.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/number-control.d.ts +1 -1
- package/build-types/validated-form-controls/components/number-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/components/range-control.d.ts +2 -3
- package/build-types/validated-form-controls/components/range-control.d.ts.map +1 -1
- package/build-types/validated-form-controls/control-with-error.d.ts +4 -1
- package/build-types/validated-form-controls/control-with-error.d.ts.map +1 -1
- package/package.json +27 -25
- package/src/autocomplete/README.md +1 -1
- package/src/autocomplete/index.tsx +25 -7
- package/src/badge/stories/e2e/index.story.tsx +21 -0
- package/src/border-control/border-control-dropdown/component.tsx +36 -37
- 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/composite/stories/index.story.tsx +0 -1
- package/src/custom-gradient-picker/gradient-bar/index.tsx +1 -1
- package/src/disabled/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-file-upload/README.md +1 -1
- package/src/form-token-field/index.tsx +84 -8
- package/src/form-token-field/test/index.tsx +189 -0
- package/src/h-stack/hook.tsx +1 -1
- package/src/higher-order/with-notices/index.tsx +4 -21
- package/src/higher-order/with-notices/test/index.tsx +0 -18
- package/src/icon/stories/index.story.tsx +2 -14
- package/src/index.ts +0 -6
- package/src/input-control/input-base.tsx +2 -2
- package/src/menu/README.md +7 -7
- package/src/menu/stories/index.story.tsx +0 -1
- 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 +29 -1
- package/src/popover/test/index.tsx +138 -1
- package/src/popover/types.ts +2 -4
- package/src/range-control/stories/index.story.tsx +0 -1
- package/src/range-control/types.ts +1 -5
- package/src/responsive-wrapper/index.tsx +7 -3
- package/src/snackbar/README.md +1 -1
- package/src/snackbar/types.ts +2 -2
- 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/README.md +1 -1
- package/src/tabs/stories/index.story.tsx +2 -14
- package/src/tabs/styles.ts +3 -8
- package/src/tabs/tablist.tsx +1 -1
- package/src/tooltip/index.tsx +7 -1
- package/src/tree-grid/test/cell.tsx +0 -1
- package/src/tree-grid/test/roving-tab-index-item.tsx +0 -1
- package/src/tree-select/README.md +1 -1
- package/src/utils/get-node-text.ts +7 -1
- package/src/validated-form-controls/control-with-error.tsx +6 -1
- 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
|
-
}
|