@wordpress/interface 5.26.0 → 5.27.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 +2 -0
- package/build/components/index.js +0 -28
- package/build/components/index.js.map +1 -1
- package/build/components/interface-skeleton/index.js +1 -1
- package/build/components/interface-skeleton/index.js.map +1 -1
- package/build-module/components/index.js +0 -4
- package/build-module/components/index.js.map +1 -1
- package/build-module/components/interface-skeleton/index.js +2 -2
- package/build-module/components/interface-skeleton/index.js.map +1 -1
- package/build-style/style-rtl.css +1 -95
- package/build-style/style.css +1 -95
- package/lock-unlock.js +10 -0
- package/package.json +14 -13
- package/src/components/index.js +0 -4
- package/src/components/interface-skeleton/index.js +2 -2
- package/src/components/pinned-items/style.scss +0 -3
- package/src/style.scss +0 -4
- package/build/components/preferences-modal/index.js +0 -24
- package/build/components/preferences-modal/index.js.map +0 -1
- package/build/components/preferences-modal-base-option/index.js +0 -32
- package/build/components/preferences-modal-base-option/index.js.map +0 -1
- package/build/components/preferences-modal-section/index.js +0 -25
- package/build/components/preferences-modal-section/index.js.map +0 -1
- package/build/components/preferences-modal-tabs/index.js +0 -111
- package/build/components/preferences-modal-tabs/index.js.map +0 -1
- package/build-module/components/preferences-modal/index.js +0 -17
- package/build-module/components/preferences-modal/index.js.map +0 -1
- package/build-module/components/preferences-modal-base-option/index.js +0 -24
- package/build-module/components/preferences-modal-base-option/index.js.map +0 -1
- package/build-module/components/preferences-modal-section/index.js +0 -18
- package/build-module/components/preferences-modal-section/index.js.map +0 -1
- package/build-module/components/preferences-modal-tabs/index.js +0 -104
- package/build-module/components/preferences-modal-tabs/index.js.map +0 -1
- package/src/components/preferences-modal/README.md +0 -69
- package/src/components/preferences-modal/index.js +0 -17
- package/src/components/preferences-modal/style.scss +0 -21
- package/src/components/preferences-modal-base-option/README.md +0 -42
- package/src/components/preferences-modal-base-option/index.js +0 -21
- package/src/components/preferences-modal-base-option/style.scss +0 -10
- package/src/components/preferences-modal-section/README.md +0 -30
- package/src/components/preferences-modal-section/index.js +0 -19
- package/src/components/preferences-modal-section/style.scss +0 -28
- package/src/components/preferences-modal-tabs/README.md +0 -14
- package/src/components/preferences-modal-tabs/index.js +0 -156
- package/src/components/preferences-modal-tabs/style.scss +0 -49
package/CHANGELOG.md
CHANGED
|
@@ -58,30 +58,6 @@ Object.defineProperty(exports, "PinnedItems", {
|
|
|
58
58
|
return _pinnedItems.default;
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
|
-
Object.defineProperty(exports, "PreferencesModal", {
|
|
62
|
-
enumerable: true,
|
|
63
|
-
get: function () {
|
|
64
|
-
return _preferencesModal.default;
|
|
65
|
-
}
|
|
66
|
-
});
|
|
67
|
-
Object.defineProperty(exports, "PreferencesModalSection", {
|
|
68
|
-
enumerable: true,
|
|
69
|
-
get: function () {
|
|
70
|
-
return _preferencesModalSection.default;
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
Object.defineProperty(exports, "PreferencesModalTabs", {
|
|
74
|
-
enumerable: true,
|
|
75
|
-
get: function () {
|
|
76
|
-
return _preferencesModalTabs.default;
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
Object.defineProperty(exports, "___unstablePreferencesModalBaseOption", {
|
|
80
|
-
enumerable: true,
|
|
81
|
-
get: function () {
|
|
82
|
-
return _preferencesModalBaseOption.default;
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
61
|
var _complementaryArea = _interopRequireDefault(require("./complementary-area"));
|
|
86
62
|
var _complementaryAreaMoreMenuItem = _interopRequireDefault(require("./complementary-area-more-menu-item"));
|
|
87
63
|
var _fullscreenMode = _interopRequireDefault(require("./fullscreen-mode"));
|
|
@@ -90,9 +66,5 @@ var _pinnedItems = _interopRequireDefault(require("./pinned-items"));
|
|
|
90
66
|
var _moreMenuDropdown = _interopRequireDefault(require("./more-menu-dropdown"));
|
|
91
67
|
var _moreMenuFeatureToggle = _interopRequireDefault(require("./more-menu-feature-toggle"));
|
|
92
68
|
var _actionItem = _interopRequireDefault(require("./action-item"));
|
|
93
|
-
var _preferencesModal = _interopRequireDefault(require("./preferences-modal"));
|
|
94
|
-
var _preferencesModalTabs = _interopRequireDefault(require("./preferences-modal-tabs"));
|
|
95
|
-
var _preferencesModalSection = _interopRequireDefault(require("./preferences-modal-section"));
|
|
96
|
-
var _preferencesModalBaseOption = _interopRequireDefault(require("./preferences-modal-base-option"));
|
|
97
69
|
var _navigableRegion = _interopRequireDefault(require("./navigable-region"));
|
|
98
70
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_complementaryArea","_interopRequireDefault","require","_complementaryAreaMoreMenuItem","_fullscreenMode","_interfaceSkeleton","_pinnedItems","_moreMenuDropdown","_moreMenuFeatureToggle","_actionItem","
|
|
1
|
+
{"version":3,"names":["_complementaryArea","_interopRequireDefault","require","_complementaryAreaMoreMenuItem","_fullscreenMode","_interfaceSkeleton","_pinnedItems","_moreMenuDropdown","_moreMenuFeatureToggle","_actionItem","_navigableRegion"],"sources":["@wordpress/interface/src/components/index.js"],"sourcesContent":["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as MoreMenuDropdown } from './more-menu-dropdown';\nexport { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';\nexport { default as ActionItem } from './action-item';\nexport { default as NavigableRegion } from './navigable-region';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,iBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,sBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,gBAAA,GAAAT,sBAAA,CAAAC,OAAA"}
|
|
@@ -76,7 +76,7 @@ function InterfaceSkeleton({
|
|
|
76
76
|
useHTMLClass('interface-interface-skeleton__html-container');
|
|
77
77
|
const defaultLabels = {
|
|
78
78
|
/* translators: accessibility text for the top bar landmark region. */
|
|
79
|
-
header: (0, _i18n.
|
|
79
|
+
header: (0, _i18n._x)('Header', 'header landmark area'),
|
|
80
80
|
/* translators: accessibility text for the content landmark region. */
|
|
81
81
|
body: (0, _i18n.__)('Content'),
|
|
82
82
|
/* translators: accessibility text for the secondary sidebar landmark region. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_i18n","_compose","_navigableRegion","useHTMLClass","className","useEffect","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","hover","transition","type","delay","delayChildren","distractionFreeInactive","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","notices","content","actions","labels","enableRegionNavigation","shortcuts","ref","navigateRegionsProps","useNavigateRegions","defaultLabels","
|
|
1
|
+
{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_i18n","_compose","_navigableRegion","useHTMLClass","className","useEffect","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","hover","transition","type","delay","delayChildren","distractionFreeInactive","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","notices","content","actions","labels","enableRegionNavigation","shortcuts","ref","navigateRegionsProps","useNavigateRegions","defaultLabels","_x","body","__","mergedLabels","_react","createElement","useMergeRefs","undefined","classnames","default","as","motion","div","initial","whileHover","animate","variants","ariaLabel","_default","forwardRef","exports"],"sources":["@wordpress/interface/src/components/interface-skeleton/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport NavigableRegion from '../navigable-region';\n\nfunction useHTMLClass( className ) {\n\tuseEffect( () => {\n\t\tconst element =\n\t\t\tdocument && document.querySelector( `html:not(.${ className })` );\n\t\tif ( ! element ) {\n\t\t\treturn;\n\t\t}\n\t\telement.classList.toggle( className );\n\t\treturn () => {\n\t\t\telement.classList.toggle( className );\n\t\t};\n\t}, [ className ] );\n}\n\nconst headerVariants = {\n\thidden: { opacity: 0 },\n\thover: {\n\t\topacity: 1,\n\t\ttransition: { type: 'tween', delay: 0.2, delayChildren: 0.2 },\n\t},\n\tdistractionFreeInactive: { opacity: 1, transition: { delay: 0 } },\n};\n\nfunction InterfaceSkeleton(\n\t{\n\t\tisDistractionFree,\n\t\tfooter,\n\t\theader,\n\t\teditorNotices,\n\t\tsidebar,\n\t\tsecondarySidebar,\n\t\tnotices,\n\t\tcontent,\n\t\tactions,\n\t\tlabels,\n\t\tclassName,\n\t\tenableRegionNavigation = true,\n\t\t// Todo: does this need to be a prop.\n\t\t// Can we use a dependency to keyboard-shortcuts directly?\n\t\tshortcuts,\n\t},\n\tref\n) {\n\tconst navigateRegionsProps = useNavigateRegions( shortcuts );\n\n\tuseHTMLClass( 'interface-interface-skeleton__html-container' );\n\n\tconst defaultLabels = {\n\t\t/* translators: accessibility text for the top bar landmark region. */\n\t\theader: _x( 'Header', 'header landmark area' ),\n\t\t/* translators: accessibility text for the content landmark region. */\n\t\tbody: __( 'Content' ),\n\t\t/* translators: accessibility text for the secondary sidebar landmark region. */\n\t\tsecondarySidebar: __( 'Block Library' ),\n\t\t/* translators: accessibility text for the settings landmark region. */\n\t\tsidebar: __( 'Settings' ),\n\t\t/* translators: accessibility text for the publish landmark region. */\n\t\tactions: __( 'Publish' ),\n\t\t/* translators: accessibility text for the footer landmark region. */\n\t\tfooter: __( 'Footer' ),\n\t};\n\n\tconst mergedLabels = { ...defaultLabels, ...labels };\n\n\treturn (\n\t\t<div\n\t\t\t{ ...( enableRegionNavigation ? navigateRegionsProps : {} ) }\n\t\t\tref={ useMergeRefs( [\n\t\t\t\tref,\n\t\t\t\tenableRegionNavigation ? navigateRegionsProps.ref : undefined,\n\t\t\t] ) }\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'interface-interface-skeleton',\n\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t!! footer && 'has-footer'\n\t\t\t) }\n\t\t>\n\t\t\t<div className=\"interface-interface-skeleton__editor\">\n\t\t\t\t{ !! header && (\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\tclassName=\"interface-interface-skeleton__header\"\n\t\t\t\t\t\taria-label={ mergedLabels.header }\n\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hover'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariants={ headerVariants }\n\t\t\t\t\t\ttransition={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? { type: 'tween', delay: 0.8 }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ header }\n\t\t\t\t\t</NavigableRegion>\n\t\t\t\t) }\n\t\t\t\t{ isDistractionFree && (\n\t\t\t\t\t<div className=\"interface-interface-skeleton__header\">\n\t\t\t\t\t\t{ editorNotices }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<div className=\"interface-interface-skeleton__body\">\n\t\t\t\t\t{ !! secondarySidebar && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__secondary-sidebar\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.secondarySidebar }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ secondarySidebar }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! notices && (\n\t\t\t\t\t\t<div className=\"interface-interface-skeleton__notices\">\n\t\t\t\t\t\t\t{ notices }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tclassName=\"interface-interface-skeleton__content\"\n\t\t\t\t\t\tariaLabel={ mergedLabels.body }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t{ !! sidebar && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__sidebar\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.sidebar }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sidebar }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! actions && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__actions\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.actions }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ !! footer && (\n\t\t\t\t<NavigableRegion\n\t\t\t\t\tclassName=\"interface-interface-skeleton__footer\"\n\t\t\t\t\tariaLabel={ mergedLabels.footer }\n\t\t\t\t>\n\t\t\t\t\t{ footer }\n\t\t\t\t</NavigableRegion>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InterfaceSkeleton );\n"],"mappings":"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"}
|
|
@@ -6,9 +6,5 @@ export { default as PinnedItems } from './pinned-items';
|
|
|
6
6
|
export { default as MoreMenuDropdown } from './more-menu-dropdown';
|
|
7
7
|
export { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';
|
|
8
8
|
export { default as ActionItem } from './action-item';
|
|
9
|
-
export { default as PreferencesModal } from './preferences-modal';
|
|
10
|
-
export { default as PreferencesModalTabs } from './preferences-modal-tabs';
|
|
11
|
-
export { default as PreferencesModalSection } from './preferences-modal-section';
|
|
12
|
-
export { default as ___unstablePreferencesModalBaseOption } from './preferences-modal-base-option';
|
|
13
9
|
export { default as NavigableRegion } from './navigable-region';
|
|
14
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","ComplementaryArea","ComplementaryAreaMoreMenuItem","FullscreenMode","InterfaceSkeleton","PinnedItems","MoreMenuDropdown","MoreMenuFeatureToggle","ActionItem","
|
|
1
|
+
{"version":3,"names":["default","ComplementaryArea","ComplementaryAreaMoreMenuItem","FullscreenMode","InterfaceSkeleton","PinnedItems","MoreMenuDropdown","MoreMenuFeatureToggle","ActionItem","NavigableRegion"],"sources":["@wordpress/interface/src/components/index.js"],"sourcesContent":["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as MoreMenuDropdown } from './more-menu-dropdown';\nexport { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';\nexport { default as ActionItem } from './action-item';\nexport { default as NavigableRegion } from './navigable-region';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,sBAAsB;AACnE,SAASD,OAAO,IAAIE,6BAA6B,QAAQ,qCAAqC;AAC9F,SAASF,OAAO,IAAIG,cAAc,QAAQ,mBAAmB;AAC7D,SAASH,OAAO,IAAII,iBAAiB,QAAQ,sBAAsB;AACnE,SAASJ,OAAO,IAAIK,WAAW,QAAQ,gBAAgB;AACvD,SAASL,OAAO,IAAIM,gBAAgB,QAAQ,sBAAsB;AAClE,SAASN,OAAO,IAAIO,qBAAqB,QAAQ,4BAA4B;AAC7E,SAASP,OAAO,IAAIQ,UAAU,QAAQ,eAAe;AACrD,SAASR,OAAO,IAAIS,eAAe,QAAQ,oBAAoB"}
|
|
@@ -9,7 +9,7 @@ import classnames from 'classnames';
|
|
|
9
9
|
*/
|
|
10
10
|
import { forwardRef, useEffect } from '@wordpress/element';
|
|
11
11
|
import { __unstableUseNavigateRegions as useNavigateRegions, __unstableMotion as motion } from '@wordpress/components';
|
|
12
|
-
import { __ } from '@wordpress/i18n';
|
|
12
|
+
import { __, _x } from '@wordpress/i18n';
|
|
13
13
|
import { useMergeRefs } from '@wordpress/compose';
|
|
14
14
|
|
|
15
15
|
/**
|
|
@@ -68,7 +68,7 @@ function InterfaceSkeleton({
|
|
|
68
68
|
useHTMLClass('interface-interface-skeleton__html-container');
|
|
69
69
|
const defaultLabels = {
|
|
70
70
|
/* translators: accessibility text for the top bar landmark region. */
|
|
71
|
-
header:
|
|
71
|
+
header: _x('Header', 'header landmark area'),
|
|
72
72
|
/* translators: accessibility text for the content landmark region. */
|
|
73
73
|
body: __('Content'),
|
|
74
74
|
/* translators: accessibility text for the secondary sidebar landmark region. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["classnames","forwardRef","useEffect","__unstableUseNavigateRegions","useNavigateRegions","__unstableMotion","motion","__","useMergeRefs","NavigableRegion","useHTMLClass","className","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","hover","transition","type","delay","delayChildren","distractionFreeInactive","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","notices","content","actions","labels","enableRegionNavigation","shortcuts","ref","navigateRegionsProps","defaultLabels","body","mergedLabels","createElement","undefined","as","div","initial","whileHover","animate","variants","ariaLabel"],"sources":["@wordpress/interface/src/components/interface-skeleton/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport NavigableRegion from '../navigable-region';\n\nfunction useHTMLClass( className ) {\n\tuseEffect( () => {\n\t\tconst element =\n\t\t\tdocument && document.querySelector( `html:not(.${ className })` );\n\t\tif ( ! element ) {\n\t\t\treturn;\n\t\t}\n\t\telement.classList.toggle( className );\n\t\treturn () => {\n\t\t\telement.classList.toggle( className );\n\t\t};\n\t}, [ className ] );\n}\n\nconst headerVariants = {\n\thidden: { opacity: 0 },\n\thover: {\n\t\topacity: 1,\n\t\ttransition: { type: 'tween', delay: 0.2, delayChildren: 0.2 },\n\t},\n\tdistractionFreeInactive: { opacity: 1, transition: { delay: 0 } },\n};\n\nfunction InterfaceSkeleton(\n\t{\n\t\tisDistractionFree,\n\t\tfooter,\n\t\theader,\n\t\teditorNotices,\n\t\tsidebar,\n\t\tsecondarySidebar,\n\t\tnotices,\n\t\tcontent,\n\t\tactions,\n\t\tlabels,\n\t\tclassName,\n\t\tenableRegionNavigation = true,\n\t\t// Todo: does this need to be a prop.\n\t\t// Can we use a dependency to keyboard-shortcuts directly?\n\t\tshortcuts,\n\t},\n\tref\n) {\n\tconst navigateRegionsProps = useNavigateRegions( shortcuts );\n\n\tuseHTMLClass( 'interface-interface-skeleton__html-container' );\n\n\tconst defaultLabels = {\n\t\t/* translators: accessibility text for the top bar landmark region. */\n\t\theader:
|
|
1
|
+
{"version":3,"names":["classnames","forwardRef","useEffect","__unstableUseNavigateRegions","useNavigateRegions","__unstableMotion","motion","__","_x","useMergeRefs","NavigableRegion","useHTMLClass","className","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","hover","transition","type","delay","delayChildren","distractionFreeInactive","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","notices","content","actions","labels","enableRegionNavigation","shortcuts","ref","navigateRegionsProps","defaultLabels","body","mergedLabels","createElement","undefined","as","div","initial","whileHover","animate","variants","ariaLabel"],"sources":["@wordpress/interface/src/components/interface-skeleton/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport NavigableRegion from '../navigable-region';\n\nfunction useHTMLClass( className ) {\n\tuseEffect( () => {\n\t\tconst element =\n\t\t\tdocument && document.querySelector( `html:not(.${ className })` );\n\t\tif ( ! element ) {\n\t\t\treturn;\n\t\t}\n\t\telement.classList.toggle( className );\n\t\treturn () => {\n\t\t\telement.classList.toggle( className );\n\t\t};\n\t}, [ className ] );\n}\n\nconst headerVariants = {\n\thidden: { opacity: 0 },\n\thover: {\n\t\topacity: 1,\n\t\ttransition: { type: 'tween', delay: 0.2, delayChildren: 0.2 },\n\t},\n\tdistractionFreeInactive: { opacity: 1, transition: { delay: 0 } },\n};\n\nfunction InterfaceSkeleton(\n\t{\n\t\tisDistractionFree,\n\t\tfooter,\n\t\theader,\n\t\teditorNotices,\n\t\tsidebar,\n\t\tsecondarySidebar,\n\t\tnotices,\n\t\tcontent,\n\t\tactions,\n\t\tlabels,\n\t\tclassName,\n\t\tenableRegionNavigation = true,\n\t\t// Todo: does this need to be a prop.\n\t\t// Can we use a dependency to keyboard-shortcuts directly?\n\t\tshortcuts,\n\t},\n\tref\n) {\n\tconst navigateRegionsProps = useNavigateRegions( shortcuts );\n\n\tuseHTMLClass( 'interface-interface-skeleton__html-container' );\n\n\tconst defaultLabels = {\n\t\t/* translators: accessibility text for the top bar landmark region. */\n\t\theader: _x( 'Header', 'header landmark area' ),\n\t\t/* translators: accessibility text for the content landmark region. */\n\t\tbody: __( 'Content' ),\n\t\t/* translators: accessibility text for the secondary sidebar landmark region. */\n\t\tsecondarySidebar: __( 'Block Library' ),\n\t\t/* translators: accessibility text for the settings landmark region. */\n\t\tsidebar: __( 'Settings' ),\n\t\t/* translators: accessibility text for the publish landmark region. */\n\t\tactions: __( 'Publish' ),\n\t\t/* translators: accessibility text for the footer landmark region. */\n\t\tfooter: __( 'Footer' ),\n\t};\n\n\tconst mergedLabels = { ...defaultLabels, ...labels };\n\n\treturn (\n\t\t<div\n\t\t\t{ ...( enableRegionNavigation ? navigateRegionsProps : {} ) }\n\t\t\tref={ useMergeRefs( [\n\t\t\t\tref,\n\t\t\t\tenableRegionNavigation ? navigateRegionsProps.ref : undefined,\n\t\t\t] ) }\n\t\t\tclassName={ classnames(\n\t\t\t\tclassName,\n\t\t\t\t'interface-interface-skeleton',\n\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t!! footer && 'has-footer'\n\t\t\t) }\n\t\t>\n\t\t\t<div className=\"interface-interface-skeleton__editor\">\n\t\t\t\t{ !! header && (\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\tclassName=\"interface-interface-skeleton__header\"\n\t\t\t\t\t\taria-label={ mergedLabels.header }\n\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hover'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? 'hidden'\n\t\t\t\t\t\t\t\t: 'distractionFreeInactive'\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvariants={ headerVariants }\n\t\t\t\t\t\ttransition={\n\t\t\t\t\t\t\tisDistractionFree\n\t\t\t\t\t\t\t\t? { type: 'tween', delay: 0.8 }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ header }\n\t\t\t\t\t</NavigableRegion>\n\t\t\t\t) }\n\t\t\t\t{ isDistractionFree && (\n\t\t\t\t\t<div className=\"interface-interface-skeleton__header\">\n\t\t\t\t\t\t{ editorNotices }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<div className=\"interface-interface-skeleton__body\">\n\t\t\t\t\t{ !! secondarySidebar && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__secondary-sidebar\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.secondarySidebar }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ secondarySidebar }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! notices && (\n\t\t\t\t\t\t<div className=\"interface-interface-skeleton__notices\">\n\t\t\t\t\t\t\t{ notices }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\tclassName=\"interface-interface-skeleton__content\"\n\t\t\t\t\t\tariaLabel={ mergedLabels.body }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ content }\n\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t{ !! sidebar && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__sidebar\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.sidebar }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sidebar }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t\t{ !! actions && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__actions\"\n\t\t\t\t\t\t\tariaLabel={ mergedLabels.actions }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ actions }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ !! footer && (\n\t\t\t\t<NavigableRegion\n\t\t\t\t\tclassName=\"interface-interface-skeleton__footer\"\n\t\t\t\t\tariaLabel={ mergedLabels.footer }\n\t\t\t\t>\n\t\t\t\t\t{ footer }\n\t\t\t\t</NavigableRegion>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InterfaceSkeleton );\n"],"mappings":"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"}
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
--wp-block-synced-color: #7a00df;
|
|
98
98
|
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
99
99
|
}
|
|
100
|
-
@media (
|
|
100
|
+
@media (min-resolution: 192dpi) {
|
|
101
101
|
:root {
|
|
102
102
|
--wp-admin-border-width-focus: 1.5px;
|
|
103
103
|
}
|
|
@@ -469,7 +469,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
|
|
|
469
469
|
.interface-pinned-items {
|
|
470
470
|
display: flex;
|
|
471
471
|
gap: 8px;
|
|
472
|
-
margin-left: -4px;
|
|
473
472
|
}
|
|
474
473
|
.interface-pinned-items .components-button {
|
|
475
474
|
display: none;
|
|
@@ -486,97 +485,4 @@ body.is-fullscreen-mode .interface-interface-skeleton {
|
|
|
486
485
|
.interface-pinned-items .components-button {
|
|
487
486
|
display: flex;
|
|
488
487
|
}
|
|
489
|
-
}
|
|
490
|
-
|
|
491
|
-
@media (min-width: 600px) {
|
|
492
|
-
.interface-preferences-modal {
|
|
493
|
-
width: calc(100% - 32px);
|
|
494
|
-
height: calc(100% - 120px);
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
@media (min-width: 782px) {
|
|
498
|
-
.interface-preferences-modal {
|
|
499
|
-
width: 750px;
|
|
500
|
-
}
|
|
501
|
-
}
|
|
502
|
-
@media (min-width: 960px) {
|
|
503
|
-
.interface-preferences-modal {
|
|
504
|
-
height: 70%;
|
|
505
|
-
}
|
|
506
|
-
}
|
|
507
|
-
@media (max-width: 781px) {
|
|
508
|
-
.interface-preferences-modal .components-modal__content {
|
|
509
|
-
padding: 0;
|
|
510
|
-
}
|
|
511
|
-
}
|
|
512
|
-
|
|
513
|
-
.interface-preferences__tabs .components-tab-panel__tabs {
|
|
514
|
-
position: absolute;
|
|
515
|
-
top: 84px;
|
|
516
|
-
right: 16px;
|
|
517
|
-
width: 160px;
|
|
518
|
-
}
|
|
519
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
|
|
520
|
-
border-radius: 2px;
|
|
521
|
-
font-weight: 400;
|
|
522
|
-
}
|
|
523
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active {
|
|
524
|
-
background: #f0f0f0;
|
|
525
|
-
box-shadow: none;
|
|
526
|
-
font-weight: 500;
|
|
527
|
-
}
|
|
528
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active::after {
|
|
529
|
-
content: none;
|
|
530
|
-
}
|
|
531
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) {
|
|
532
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
533
|
-
outline: 2px solid transparent;
|
|
534
|
-
}
|
|
535
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible::before {
|
|
536
|
-
content: none;
|
|
537
|
-
}
|
|
538
|
-
.interface-preferences__tabs .components-tab-panel__tab-content {
|
|
539
|
-
padding-right: 24px;
|
|
540
|
-
margin-right: 160px;
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
@media (max-width: 781px) {
|
|
544
|
-
.interface-preferences__provider {
|
|
545
|
-
height: 100%;
|
|
546
|
-
}
|
|
547
|
-
}
|
|
548
|
-
.interface-preferences-modal__section {
|
|
549
|
-
margin: 0 0 2.5rem 0;
|
|
550
|
-
}
|
|
551
|
-
.interface-preferences-modal__section:last-child {
|
|
552
|
-
margin: 0;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
.interface-preferences-modal__section-legend {
|
|
556
|
-
margin-bottom: 8px;
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
.interface-preferences-modal__section-title {
|
|
560
|
-
font-size: 0.9rem;
|
|
561
|
-
font-weight: 600;
|
|
562
|
-
margin-top: 0;
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
.interface-preferences-modal__section-description {
|
|
566
|
-
margin: -8px 0 8px 0;
|
|
567
|
-
font-size: 12px;
|
|
568
|
-
font-style: normal;
|
|
569
|
-
color: #757575;
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
|
|
573
|
-
display: none;
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
.interface-preferences-modal__option + .interface-preferences-modal__option {
|
|
577
|
-
margin-top: 16px;
|
|
578
|
-
}
|
|
579
|
-
.interface-preferences-modal__option .components-base-control__help {
|
|
580
|
-
margin-top: 0;
|
|
581
|
-
margin-right: 48px;
|
|
582
488
|
}
|
package/build-style/style.css
CHANGED
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
--wp-block-synced-color: #7a00df;
|
|
98
98
|
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
99
99
|
}
|
|
100
|
-
@media (
|
|
100
|
+
@media (min-resolution: 192dpi) {
|
|
101
101
|
:root {
|
|
102
102
|
--wp-admin-border-width-focus: 1.5px;
|
|
103
103
|
}
|
|
@@ -469,7 +469,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
|
|
|
469
469
|
.interface-pinned-items {
|
|
470
470
|
display: flex;
|
|
471
471
|
gap: 8px;
|
|
472
|
-
margin-right: -4px;
|
|
473
472
|
}
|
|
474
473
|
.interface-pinned-items .components-button {
|
|
475
474
|
display: none;
|
|
@@ -486,97 +485,4 @@ body.is-fullscreen-mode .interface-interface-skeleton {
|
|
|
486
485
|
.interface-pinned-items .components-button {
|
|
487
486
|
display: flex;
|
|
488
487
|
}
|
|
489
|
-
}
|
|
490
|
-
|
|
491
|
-
@media (min-width: 600px) {
|
|
492
|
-
.interface-preferences-modal {
|
|
493
|
-
width: calc(100% - 32px);
|
|
494
|
-
height: calc(100% - 120px);
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
@media (min-width: 782px) {
|
|
498
|
-
.interface-preferences-modal {
|
|
499
|
-
width: 750px;
|
|
500
|
-
}
|
|
501
|
-
}
|
|
502
|
-
@media (min-width: 960px) {
|
|
503
|
-
.interface-preferences-modal {
|
|
504
|
-
height: 70%;
|
|
505
|
-
}
|
|
506
|
-
}
|
|
507
|
-
@media (max-width: 781px) {
|
|
508
|
-
.interface-preferences-modal .components-modal__content {
|
|
509
|
-
padding: 0;
|
|
510
|
-
}
|
|
511
|
-
}
|
|
512
|
-
|
|
513
|
-
.interface-preferences__tabs .components-tab-panel__tabs {
|
|
514
|
-
position: absolute;
|
|
515
|
-
top: 84px;
|
|
516
|
-
left: 16px;
|
|
517
|
-
width: 160px;
|
|
518
|
-
}
|
|
519
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item {
|
|
520
|
-
border-radius: 2px;
|
|
521
|
-
font-weight: 400;
|
|
522
|
-
}
|
|
523
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active {
|
|
524
|
-
background: #f0f0f0;
|
|
525
|
-
box-shadow: none;
|
|
526
|
-
font-weight: 500;
|
|
527
|
-
}
|
|
528
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active::after {
|
|
529
|
-
content: none;
|
|
530
|
-
}
|
|
531
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) {
|
|
532
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
533
|
-
outline: 2px solid transparent;
|
|
534
|
-
}
|
|
535
|
-
.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus-visible::before {
|
|
536
|
-
content: none;
|
|
537
|
-
}
|
|
538
|
-
.interface-preferences__tabs .components-tab-panel__tab-content {
|
|
539
|
-
padding-left: 24px;
|
|
540
|
-
margin-left: 160px;
|
|
541
|
-
}
|
|
542
|
-
|
|
543
|
-
@media (max-width: 781px) {
|
|
544
|
-
.interface-preferences__provider {
|
|
545
|
-
height: 100%;
|
|
546
|
-
}
|
|
547
|
-
}
|
|
548
|
-
.interface-preferences-modal__section {
|
|
549
|
-
margin: 0 0 2.5rem 0;
|
|
550
|
-
}
|
|
551
|
-
.interface-preferences-modal__section:last-child {
|
|
552
|
-
margin: 0;
|
|
553
|
-
}
|
|
554
|
-
|
|
555
|
-
.interface-preferences-modal__section-legend {
|
|
556
|
-
margin-bottom: 8px;
|
|
557
|
-
}
|
|
558
|
-
|
|
559
|
-
.interface-preferences-modal__section-title {
|
|
560
|
-
font-size: 0.9rem;
|
|
561
|
-
font-weight: 600;
|
|
562
|
-
margin-top: 0;
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
.interface-preferences-modal__section-description {
|
|
566
|
-
margin: -8px 0 8px 0;
|
|
567
|
-
font-size: 12px;
|
|
568
|
-
font-style: normal;
|
|
569
|
-
color: #757575;
|
|
570
|
-
}
|
|
571
|
-
|
|
572
|
-
.interface-preferences-modal__section:has(.interface-preferences-modal__section-content:empty) {
|
|
573
|
-
display: none;
|
|
574
|
-
}
|
|
575
|
-
|
|
576
|
-
.interface-preferences-modal__option + .interface-preferences-modal__option {
|
|
577
|
-
margin-top: 16px;
|
|
578
|
-
}
|
|
579
|
-
.interface-preferences-modal__option .components-base-control__help {
|
|
580
|
-
margin-top: 0;
|
|
581
|
-
margin-left: 48px;
|
|
582
488
|
}
|
package/lock-unlock.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* WordPress dependencies
|
|
3
|
+
*/
|
|
4
|
+
import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
|
|
5
|
+
|
|
6
|
+
export const { lock, unlock } =
|
|
7
|
+
__dangerousOptInToUnstableAPIsOnlyForCoreModules(
|
|
8
|
+
'I know using unstable features means my theme or plugin will inevitably break in the next version of WordPress.',
|
|
9
|
+
'@wordpress/interface'
|
|
10
|
+
);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/interface",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.27.0",
|
|
4
4
|
"description": "Interface module for WordPress. The package contains shared functionality across the modern JavaScript-based WordPress screens.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -32,17 +32,18 @@
|
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.16.0",
|
|
35
|
-
"@wordpress/a11y": "^3.
|
|
36
|
-
"@wordpress/components": "^25.
|
|
37
|
-
"@wordpress/compose": "^6.
|
|
38
|
-
"@wordpress/data": "^9.
|
|
39
|
-
"@wordpress/deprecated": "^3.
|
|
40
|
-
"@wordpress/element": "^5.
|
|
41
|
-
"@wordpress/i18n": "^4.
|
|
42
|
-
"@wordpress/icons": "^9.
|
|
43
|
-
"@wordpress/plugins": "^6.
|
|
44
|
-
"@wordpress/preferences": "^3.
|
|
45
|
-
"@wordpress/
|
|
35
|
+
"@wordpress/a11y": "^3.50.0",
|
|
36
|
+
"@wordpress/components": "^25.16.0",
|
|
37
|
+
"@wordpress/compose": "^6.27.0",
|
|
38
|
+
"@wordpress/data": "^9.20.0",
|
|
39
|
+
"@wordpress/deprecated": "^3.50.0",
|
|
40
|
+
"@wordpress/element": "^5.27.0",
|
|
41
|
+
"@wordpress/i18n": "^4.50.0",
|
|
42
|
+
"@wordpress/icons": "^9.41.0",
|
|
43
|
+
"@wordpress/plugins": "^6.18.0",
|
|
44
|
+
"@wordpress/preferences": "^3.27.0",
|
|
45
|
+
"@wordpress/private-apis": "^0.32.0",
|
|
46
|
+
"@wordpress/viewport": "^5.27.0",
|
|
46
47
|
"classnames": "^2.3.1"
|
|
47
48
|
},
|
|
48
49
|
"peerDependencies": {
|
|
@@ -52,5 +53,5 @@
|
|
|
52
53
|
"publishConfig": {
|
|
53
54
|
"access": "public"
|
|
54
55
|
},
|
|
55
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "45de2cb4212fed7f2763e95f10300d1ff9d0ec08"
|
|
56
57
|
}
|
package/src/components/index.js
CHANGED
|
@@ -6,8 +6,4 @@ export { default as PinnedItems } from './pinned-items';
|
|
|
6
6
|
export { default as MoreMenuDropdown } from './more-menu-dropdown';
|
|
7
7
|
export { default as MoreMenuFeatureToggle } from './more-menu-feature-toggle';
|
|
8
8
|
export { default as ActionItem } from './action-item';
|
|
9
|
-
export { default as PreferencesModal } from './preferences-modal';
|
|
10
|
-
export { default as PreferencesModalTabs } from './preferences-modal-tabs';
|
|
11
|
-
export { default as PreferencesModalSection } from './preferences-modal-section';
|
|
12
|
-
export { default as ___unstablePreferencesModalBaseOption } from './preferences-modal-base-option';
|
|
13
9
|
export { default as NavigableRegion } from './navigable-region';
|
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
__unstableUseNavigateRegions as useNavigateRegions,
|
|
12
12
|
__unstableMotion as motion,
|
|
13
13
|
} from '@wordpress/components';
|
|
14
|
-
import { __ } from '@wordpress/i18n';
|
|
14
|
+
import { __, _x } from '@wordpress/i18n';
|
|
15
15
|
import { useMergeRefs } from '@wordpress/compose';
|
|
16
16
|
|
|
17
17
|
/**
|
|
@@ -68,7 +68,7 @@ function InterfaceSkeleton(
|
|
|
68
68
|
|
|
69
69
|
const defaultLabels = {
|
|
70
70
|
/* translators: accessibility text for the top bar landmark region. */
|
|
71
|
-
header:
|
|
71
|
+
header: _x( 'Header', 'header landmark area' ),
|
|
72
72
|
/* translators: accessibility text for the content landmark region. */
|
|
73
73
|
body: __( 'Content' ),
|
|
74
74
|
/* translators: accessibility text for the secondary sidebar landmark region. */
|
package/src/style.scss
CHANGED
|
@@ -4,7 +4,3 @@
|
|
|
4
4
|
@import "./components/interface-skeleton/style.scss";
|
|
5
5
|
@import "./components/more-menu-dropdown/style.scss";
|
|
6
6
|
@import "./components/pinned-items/style.scss";
|
|
7
|
-
@import "./components/preferences-modal/style.scss";
|
|
8
|
-
@import "./components/preferences-modal-tabs/style.scss";
|
|
9
|
-
@import "./components/preferences-modal-section/style.scss";
|
|
10
|
-
@import "./components/preferences-modal-base-option/style.scss";
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = PreferencesModal;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _components = require("@wordpress/components");
|
|
9
|
-
var _i18n = require("@wordpress/i18n");
|
|
10
|
-
/**
|
|
11
|
-
* WordPress dependencies
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
function PreferencesModal({
|
|
15
|
-
closeModal,
|
|
16
|
-
children
|
|
17
|
-
}) {
|
|
18
|
-
return (0, _react.createElement)(_components.Modal, {
|
|
19
|
-
className: "interface-preferences-modal",
|
|
20
|
-
title: (0, _i18n.__)('Preferences'),
|
|
21
|
-
onRequestClose: closeModal
|
|
22
|
-
}, children);
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","_i18n","PreferencesModal","closeModal","children","_react","createElement","Modal","className","title","__","onRequestClose"],"sources":["@wordpress/interface/src/components/preferences-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function PreferencesModal( { closeModal, children } ) {\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"interface-preferences-modal\"\n\t\t\ttitle={ __( 'Preferences' ) }\n\t\t\tonRequestClose={ closeModal }\n\t\t>\n\t\t\t{ children }\n\t\t</Modal>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,gBAAgBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACpE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACP,WAAA,CAAAQ,KAAK;IACLC,SAAS,EAAC,6BAA6B;IACvCC,KAAK,EAAG,IAAAC,QAAE,EAAE,aAAc,CAAG;IAC7BC,cAAc,EAAGR;EAAY,GAE3BC,QACI,CAAC;AAEV"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _components = require("@wordpress/components");
|
|
9
|
-
/**
|
|
10
|
-
* WordPress dependencies
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
function BaseOption({
|
|
14
|
-
help,
|
|
15
|
-
label,
|
|
16
|
-
isChecked,
|
|
17
|
-
onChange,
|
|
18
|
-
children
|
|
19
|
-
}) {
|
|
20
|
-
return (0, _react.createElement)("div", {
|
|
21
|
-
className: "interface-preferences-modal__option"
|
|
22
|
-
}, (0, _react.createElement)(_components.ToggleControl, {
|
|
23
|
-
__nextHasNoMarginBottom: true,
|
|
24
|
-
help: help,
|
|
25
|
-
label: label,
|
|
26
|
-
checked: isChecked,
|
|
27
|
-
onChange: onChange
|
|
28
|
-
}), children);
|
|
29
|
-
}
|
|
30
|
-
var _default = BaseOption;
|
|
31
|
-
exports.default = _default;
|
|
32
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","BaseOption","help","label","isChecked","onChange","children","_react","createElement","className","ToggleControl","__nextHasNoMarginBottom","checked","_default","exports","default"],"sources":["@wordpress/interface/src/components/preferences-modal-base-option/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\n\nfunction BaseOption( { help, label, isChecked, onChange, children } ) {\n\treturn (\n\t\t<div className=\"interface-preferences-modal__option\">\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\thelp={ help }\n\t\t\t\tlabel={ label }\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default BaseOption;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACrE,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAqC,GACnD,IAAAF,MAAA,CAAAC,aAAA,EAACT,WAAA,CAAAW,aAAa;IACbC,uBAAuB;IACvBT,IAAI,EAAGA,IAAM;IACbC,KAAK,EAAGA,KAAO;IACfS,OAAO,EAAGR,SAAW;IACrBC,QAAQ,EAAGA;EAAU,CACrB,CAAC,EACAC,QACE,CAAC;AAER;AAAC,IAAAO,QAAA,GAEcZ,UAAU;AAAAa,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
|