@wordpress/interface 5.22.0 → 5.24.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 +4 -0
- package/build/components/interface-skeleton/index.js +1 -3
- package/build/components/interface-skeleton/index.js.map +1 -1
- package/build-module/components/interface-skeleton/index.js +1 -3
- package/build-module/components/interface-skeleton/index.js.map +1 -1
- package/package.json +13 -13
- package/src/components/interface-skeleton/index.js +0 -2
package/CHANGELOG.md
CHANGED
|
@@ -64,7 +64,6 @@ function InterfaceSkeleton({
|
|
|
64
64
|
secondarySidebar,
|
|
65
65
|
notices,
|
|
66
66
|
content,
|
|
67
|
-
contentProps,
|
|
68
67
|
actions,
|
|
69
68
|
labels,
|
|
70
69
|
className,
|
|
@@ -122,8 +121,7 @@ function InterfaceSkeleton({
|
|
|
122
121
|
className: "interface-interface-skeleton__notices"
|
|
123
122
|
}, notices), (0, _react.createElement)(_navigableRegion.default, {
|
|
124
123
|
className: "interface-interface-skeleton__content",
|
|
125
|
-
ariaLabel: mergedLabels.body
|
|
126
|
-
...contentProps
|
|
124
|
+
ariaLabel: mergedLabels.body
|
|
127
125
|
}, content), !!sidebar && (0, _react.createElement)(_navigableRegion.default, {
|
|
128
126
|
className: "interface-interface-skeleton__sidebar",
|
|
129
127
|
ariaLabel: mergedLabels.sidebar
|
|
@@ -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","
|
|
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","__","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 { __ } 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: __( 'Header' ),\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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"}
|
|
@@ -56,7 +56,6 @@ function InterfaceSkeleton({
|
|
|
56
56
|
secondarySidebar,
|
|
57
57
|
notices,
|
|
58
58
|
content,
|
|
59
|
-
contentProps,
|
|
60
59
|
actions,
|
|
61
60
|
labels,
|
|
62
61
|
className,
|
|
@@ -114,8 +113,7 @@ function InterfaceSkeleton({
|
|
|
114
113
|
className: "interface-interface-skeleton__notices"
|
|
115
114
|
}, notices), createElement(NavigableRegion, {
|
|
116
115
|
className: "interface-interface-skeleton__content",
|
|
117
|
-
ariaLabel: mergedLabels.body
|
|
118
|
-
...contentProps
|
|
116
|
+
ariaLabel: mergedLabels.body
|
|
119
117
|
}, content), !!sidebar && createElement(NavigableRegion, {
|
|
120
118
|
className: "interface-interface-skeleton__sidebar",
|
|
121
119
|
ariaLabel: mergedLabels.sidebar
|
|
@@ -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","
|
|
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: __( 'Header' ),\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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,UAAU,EAAEC,SAAS,QAAQ,oBAAoB;AAC1D,SACCC,4BAA4B,IAAIC,kBAAkB,EAClDC,gBAAgB,IAAIC,MAAM,QACpB,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA,OAAOC,eAAe,MAAM,qBAAqB;AAEjD,SAASC,YAAYA,CAAEC,SAAS,EAAG;EAClCT,SAAS,CAAE,MAAM;IAChB,MAAMU,OAAO,GACZC,QAAQ,IAAIA,QAAQ,CAACC,aAAa,CAAG,aAAaH,SAAW,GAAG,CAAC;IAClE,IAAK,CAAEC,OAAO,EAAG;MAChB;IACD;IACAA,OAAO,CAACG,SAAS,CAACC,MAAM,CAAEL,SAAU,CAAC;IACrC,OAAO,MAAM;MACZC,OAAO,CAACG,SAAS,CAACC,MAAM,CAAEL,SAAU,CAAC;IACtC,CAAC;EACF,CAAC,EAAE,CAAEA,SAAS,CAAG,CAAC;AACnB;AAEA,MAAMM,cAAc,GAAG;EACtBC,MAAM,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAC;EACtBC,KAAK,EAAE;IACND,OAAO,EAAE,CAAC;IACVE,UAAU,EAAE;MAAEC,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE,GAAG;MAAEC,aAAa,EAAE;IAAI;EAC7D,CAAC;EACDC,uBAAuB,EAAE;IAAEN,OAAO,EAAE,CAAC;IAAEE,UAAU,EAAE;MAAEE,KAAK,EAAE;IAAE;EAAE;AACjE,CAAC;AAED,SAASG,iBAAiBA,CACzB;EACCC,iBAAiB;EACjBC,MAAM;EACNC,MAAM;EACNC,aAAa;EACbC,OAAO;EACPC,gBAAgB;EAChBC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,MAAM;EACNzB,SAAS;EACT0B,sBAAsB,GAAG,IAAI;EAC7B;EACA;EACAC;AACD,CAAC,EACDC,GAAG,EACF;EACD,MAAMC,oBAAoB,GAAGpC,kBAAkB,CAAEkC,SAAU,CAAC;EAE5D5B,YAAY,CAAE,8CAA+C,CAAC;EAE9D,MAAM+B,aAAa,GAAG;IACrB;IACAZ,MAAM,EAAEtB,EAAE,CAAE,QAAS,CAAC;IACtB;IACAmC,IAAI,EAAEnC,EAAE,CAAE,SAAU,CAAC;IACrB;IACAyB,gBAAgB,EAAEzB,EAAE,CAAE,eAAgB,CAAC;IACvC;IACAwB,OAAO,EAAExB,EAAE,CAAE,UAAW,CAAC;IACzB;IACA4B,OAAO,EAAE5B,EAAE,CAAE,SAAU,CAAC;IACxB;IACAqB,MAAM,EAAErB,EAAE,CAAE,QAAS;EACtB,CAAC;EAED,MAAMoC,YAAY,GAAG;IAAE,GAAGF,aAAa;IAAE,GAAGL;EAAO,CAAC;EAEpD,OACCQ,aAAA;IAAA,IACQP,sBAAsB,GAAGG,oBAAoB,GAAG,CAAC,CAAC;IACzDD,GAAG,EAAG/B,YAAY,CAAE,CACnB+B,GAAG,EACHF,sBAAsB,GAAGG,oBAAoB,CAACD,GAAG,GAAGM,SAAS,CAC5D,CAAG;IACLlC,SAAS,EAAGX,UAAU,CACrBW,SAAS,EACT,8BAA8B,EAC9B6B,oBAAoB,CAAC7B,SAAS,EAC9B,CAAC,CAAEiB,MAAM,IAAI,YACd;EAAG,GAEHgB,aAAA;IAAKjC,SAAS,EAAC;EAAsC,GAClD,CAAC,CAAEkB,MAAM,IACVe,aAAA,CAACnC,eAAe;IACfqC,EAAE,EAAGxC,MAAM,CAACyC,GAAK;IACjBpC,SAAS,EAAC,sCAAsC;IAChD,cAAagC,YAAY,CAACd,MAAQ;IAClCmB,OAAO,EACNrB,iBAAiB,GACd,QAAQ,GACR,yBACH;IACDsB,UAAU,EACTtB,iBAAiB,GACd,OAAO,GACP,yBACH;IACDuB,OAAO,EACNvB,iBAAiB,GACd,QAAQ,GACR,yBACH;IACDwB,QAAQ,EAAGlC,cAAgB;IAC3BI,UAAU,EACTM,iBAAiB,GACd;MAAEL,IAAI,EAAE,OAAO;MAAEC,KAAK,EAAE;IAAI,CAAC,GAC7BsB;EACH,GAEChB,MACc,CACjB,EACCF,iBAAiB,IAClBiB,aAAA;IAAKjC,SAAS,EAAC;EAAsC,GAClDmB,aACE,CACL,EACDc,aAAA;IAAKjC,SAAS,EAAC;EAAoC,GAChD,CAAC,CAAEqB,gBAAgB,IACpBY,aAAA,CAACnC,eAAe;IACfE,SAAS,EAAC,iDAAiD;IAC3DyC,SAAS,EAAGT,YAAY,CAACX;EAAkB,GAEzCA,gBACc,CACjB,EACC,CAAC,CAAEC,OAAO,IACXW,aAAA;IAAKjC,SAAS,EAAC;EAAuC,GACnDsB,OACE,CACL,EACDW,aAAA,CAACnC,eAAe;IACfE,SAAS,EAAC,uCAAuC;IACjDyC,SAAS,EAAGT,YAAY,CAACD;EAAM,GAE7BR,OACc,CAAC,EAChB,CAAC,CAAEH,OAAO,IACXa,aAAA,CAACnC,eAAe;IACfE,SAAS,EAAC,uCAAuC;IACjDyC,SAAS,EAAGT,YAAY,CAACZ;EAAS,GAEhCA,OACc,CACjB,EACC,CAAC,CAAEI,OAAO,IACXS,aAAA,CAACnC,eAAe;IACfE,SAAS,EAAC,uCAAuC;IACjDyC,SAAS,EAAGT,YAAY,CAACR;EAAS,GAEhCA,OACc,CAEd,CACD,CAAC,EACJ,CAAC,CAAEP,MAAM,IACVgB,aAAA,CAACnC,eAAe;IACfE,SAAS,EAAC,sCAAsC;IAChDyC,SAAS,EAAGT,YAAY,CAACf;EAAQ,GAE/BA,MACc,CAEd,CAAC;AAER;AAEA,eAAe3B,UAAU,CAAEyB,iBAAkB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/interface",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.24.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,17 @@
|
|
|
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/viewport": "^5.
|
|
35
|
+
"@wordpress/a11y": "^3.47.0",
|
|
36
|
+
"@wordpress/components": "^25.13.0",
|
|
37
|
+
"@wordpress/compose": "^6.24.0",
|
|
38
|
+
"@wordpress/data": "^9.17.0",
|
|
39
|
+
"@wordpress/deprecated": "^3.47.0",
|
|
40
|
+
"@wordpress/element": "^5.24.0",
|
|
41
|
+
"@wordpress/i18n": "^4.47.0",
|
|
42
|
+
"@wordpress/icons": "^9.38.0",
|
|
43
|
+
"@wordpress/plugins": "^6.15.0",
|
|
44
|
+
"@wordpress/preferences": "^3.24.0",
|
|
45
|
+
"@wordpress/viewport": "^5.24.0",
|
|
46
46
|
"classnames": "^2.3.1"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"publishConfig": {
|
|
53
53
|
"access": "public"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "d98dff8ea96f29cfea045bf964269f46f040d539"
|
|
56
56
|
}
|
|
@@ -52,7 +52,6 @@ function InterfaceSkeleton(
|
|
|
52
52
|
secondarySidebar,
|
|
53
53
|
notices,
|
|
54
54
|
content,
|
|
55
|
-
contentProps,
|
|
56
55
|
actions,
|
|
57
56
|
labels,
|
|
58
57
|
className,
|
|
@@ -151,7 +150,6 @@ function InterfaceSkeleton(
|
|
|
151
150
|
<NavigableRegion
|
|
152
151
|
className="interface-interface-skeleton__content"
|
|
153
152
|
ariaLabel={ mergedLabels.body }
|
|
154
|
-
{ ...contentProps }
|
|
155
153
|
>
|
|
156
154
|
{ content }
|
|
157
155
|
</NavigableRegion>
|