npm - @wordpress/interface - Versions diffs - 6.9.0 → 8.0.0 - Mend

@wordpress/interface 6.9.0 → 8.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.

Files changed (49) hide show

package/build/store/selectors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_deprecated","_interopRequireDefault","_preferences","_deprecated2","getActiveComplementaryArea","exports","createRegistrySelector","select","state","scope","normalizeComplementaryAreaScope","isComplementaryAreaVisible","preferencesStore","get","undefined","complementaryAreas","isComplementaryAreaLoading","isVisible","identifier","isItemPinned","item","_pinnedItems$item","normalizeComplementaryAreaName","pinnedItems","isFeatureActive","featureName","deprecated","since","alternative","isModalActive","modalName","activeModal"],"sources":["@wordpress/interface/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createRegistrySelector } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport {\n\tnormalizeComplementaryAreaScope,\n\tnormalizeComplementaryAreaName,\n} from './deprecated';\n\n/\n Returns the complementary area that is active in a given scope.\n \n @param {Object} state Global application state.\n * @param {string} scope Item scope.\n \n @return {string \| null \| undefined} The complementary area that is active in the given scope.\n /\nexport const getActiveComplementaryArea = createRegistrySelector(\n\t( select ) => ( state, scope ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tconst isComplementaryAreaVisible = select( preferencesStore ).get(\n\t\t\tscope,\n\t\t\t'isComplementaryAreaVisible'\n\t\t);\n\n\t\t// Return `undefined` to indicate that the user has never toggled\n\t\t// visibility, this is the vanilla default. Other code relies on this\n\t\t// nuance in the return value.\n\t\tif ( isComplementaryAreaVisible === undefined ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Return `null` to indicate the user hid the complementary area.\n\t\tif ( isComplementaryAreaVisible === false ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn state?.complementaryAreas?.[ scope ];\n\t}\n);\n\nexport const isComplementaryAreaLoading = createRegistrySelector(\n\t( select ) => ( state, scope ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tconst isVisible = select( preferencesStore ).get(\n\t\t\tscope,\n\t\t\t'isComplementaryAreaVisible'\n\t\t);\n\t\tconst identifier = state?.complementaryAreas?.[ scope ];\n\n\t\treturn isVisible && identifier === undefined;\n\t}\n);\n\n/\n Returns a boolean indicating if an item is pinned or not.\n \n @param {Object} state Global application state.\n * @param {string} scope Scope.\n * @param {string} item Item to check.\n \n @return {boolean} True if the item is pinned and false otherwise.\n /\nexport const isItemPinned = createRegistrySelector(\n\t( select ) => ( state, scope, item ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\titem = normalizeComplementaryAreaName( scope, item );\n\t\tconst pinnedItems = select( preferencesStore ).get(\n\t\t\tscope,\n\t\t\t'pinnedItems'\n\t\t);\n\t\treturn pinnedItems?.[ item ] ?? true;\n\t}\n);\n\n/\n Returns a boolean indicating whether a feature is active for a particular\n * scope.\n \n @param {Object} state The store state.\n * @param {string} scope The scope of the feature (e.g. core/edit-post).\n * @param {string} featureName The name of the feature.\n \n @return {boolean} Is the feature enabled?\n /\nexport const isFeatureActive = createRegistrySelector(\n\t( select ) => ( state, scope, featureName ) => {\n\t\tdeprecated(\n\t\t\t`select( 'core/interface' ).isFeatureActive( scope, featureName )`,\n\t\t\t{\n\t\t\t\tsince: '6.0',\n\t\t\t\talternative: `select( 'core/preferences' ).get( scope, featureName )`,\n\t\t\t}\n\t\t);\n\n\t\treturn !! select( preferencesStore ).get( scope, featureName );\n\t}\n);\n\n/\n Returns true if a modal is active, or false otherwise.\n \n @param {Object} state Global application state.\n * @param {string} modalName A string that uniquely identifies the modal.\n \n @return {boolean} Whether the modal is active.\n */\nexport function isModalActive( state, modalName ) {\n\treturn state.activeModal === modalName;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,4BAAsB,EAC7DC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,KAAM;EACjCA,KAAK,GAAG,IAAAC,4CAA+B,EAAED,KAAM,CAAC;EAChD,MAAME,0BAA0B,GAAGJ,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CAChEJ,KAAK,EACL,4BACD,CAAC;;EAED;EACA;EACA;EACA,IAAKE,0BAA0B,KAAKG,SAAS,EAAG;IAC/C,OAAOA,SAAS;EACjB;;EAEA;EACA,IAAKH,0BAA0B,KAAK,KAAK,EAAG;IAC3C,OAAO,IAAI;EACZ;EAEA,OAAOH,KAAK,EAAEO,kBAAkB,GAAIN,KAAK,CAAE;AAC5C,CACD,CAAC;AAEM,MAAMO,0BAA0B,GAAAX,OAAA,CAAAW,0BAAA,GAAG,IAAAV,4BAAsB,EAC7DC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,KAAM;EACjCA,KAAK,GAAG,IAAAC,4CAA+B,EAAED,KAAM,CAAC;EAChD,MAAMQ,SAAS,GAAGV,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CAC/CJ,KAAK,EACL,4BACD,CAAC;EACD,MAAMS,UAAU,GAAGV,KAAK,EAAEO,kBAAkB,GAAIN,KAAK,CAAE;EAEvD,OAAOQ,SAAS,IAAIC,UAAU,KAAKJ,SAAS;AAC7C,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,YAAY,GAAAd,OAAA,CAAAc,YAAA,GAAG,IAAAb,4BAAsB,EAC/CC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEW,IAAI,KAAM;EAAA,IAAAC,iBAAA;EACvCZ,KAAK,GAAG,IAAAC,4CAA+B,EAAED,KAAM,CAAC;EAChDW,IAAI,GAAG,IAAAE,2CAA8B,EAAEb,KAAK,EAAEW,IAAK,CAAC;EACpD,MAAMG,WAAW,GAAGhB,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CACjDJ,KAAK,EACL,aACD,CAAC;EACD,QAAAY,iBAAA,GAAOE,WAAW,GAAIH,IAAI,CAAE,cAAAC,iBAAA,cAAAA,iBAAA,GAAI,IAAI;AACrC,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,eAAe,GAAAnB,OAAA,CAAAmB,eAAA,GAAG,IAAAlB,4BAAsB,EAClDC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEgB,WAAW,KAAM;EAC9C,IAAAC,mBAAU,~~EACR~~,~~kEAAiE~~,EAClE;IACCC,KAAK,EAAE,KAAK;IACZC,WAAW,~~EAAG~~;~~EACf~~,CACD,CAAC;EAED,OAAO,CAAC,CAAErB,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CAAEJ,KAAK,EAAEgB,WAAY,CAAC;AAC/D,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,aAAaA,CAAErB,KAAK,EAAEsB,SAAS,EAAG;EACjD,OAAOtB,KAAK,CAACuB,WAAW,KAAKD,SAAS;AACvC","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_deprecated","_interopRequireDefault","_preferences","_deprecated2","getActiveComplementaryArea","exports","createRegistrySelector","select","state","scope","normalizeComplementaryAreaScope","isComplementaryAreaVisible","preferencesStore","get","undefined","complementaryAreas","isComplementaryAreaLoading","isVisible","identifier","isItemPinned","item","_pinnedItems$item","normalizeComplementaryAreaName","pinnedItems","isFeatureActive","featureName","deprecated","since","alternative","isModalActive","modalName","activeModal"],"sources":["@wordpress/interface/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { createRegistrySelector } from '@wordpress/data';\nimport deprecated from '@wordpress/deprecated';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport {\n\tnormalizeComplementaryAreaScope,\n\tnormalizeComplementaryAreaName,\n} from './deprecated';\n\n/\n Returns the complementary area that is active in a given scope.\n \n @param {Object} state Global application state.\n * @param {string} scope Item scope.\n \n @return {string \| null \| undefined} The complementary area that is active in the given scope.\n /\nexport const getActiveComplementaryArea = createRegistrySelector(\n\t( select ) => ( state, scope ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tconst isComplementaryAreaVisible = select( preferencesStore ).get(\n\t\t\tscope,\n\t\t\t'isComplementaryAreaVisible'\n\t\t);\n\n\t\t// Return `undefined` to indicate that the user has never toggled\n\t\t// visibility, this is the vanilla default. Other code relies on this\n\t\t// nuance in the return value.\n\t\tif ( isComplementaryAreaVisible === undefined ) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// Return `null` to indicate the user hid the complementary area.\n\t\tif ( isComplementaryAreaVisible === false ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn state?.complementaryAreas?.[ scope ];\n\t}\n);\n\nexport const isComplementaryAreaLoading = createRegistrySelector(\n\t( select ) => ( state, scope ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tconst isVisible = select( preferencesStore ).get(\n\t\t\tscope,\n\t\t\t'isComplementaryAreaVisible'\n\t\t);\n\t\tconst identifier = state?.complementaryAreas?.[ scope ];\n\n\t\treturn isVisible && identifier === undefined;\n\t}\n);\n\n/\n Returns a boolean indicating if an item is pinned or not.\n \n @param {Object} state Global application state.\n * @param {string} scope Scope.\n * @param {string} item Item to check.\n \n @return {boolean} True if the item is pinned and false otherwise.\n /\nexport const isItemPinned = createRegistrySelector(\n\t( select ) => ( state, scope, item ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\titem = normalizeComplementaryAreaName( scope, item );\n\t\tconst pinnedItems = select( preferencesStore ).get(\n\t\t\tscope,\n\t\t\t'pinnedItems'\n\t\t);\n\t\treturn pinnedItems?.[ item ] ?? true;\n\t}\n);\n\n/\n Returns a boolean indicating whether a feature is active for a particular\n * scope.\n \n @param {Object} state The store state.\n * @param {string} scope The scope of the feature (e.g. core/edit-post).\n * @param {string} featureName The name of the feature.\n \n @return {boolean} Is the feature enabled?\n /\nexport const isFeatureActive = createRegistrySelector(\n\t( select ) => ( state, scope, featureName ) => {\n\t\tdeprecated(\n\t\t\t`select( 'core/interface' ).isFeatureActive( scope, featureName )`,\n\t\t\t{\n\t\t\t\tsince: '6.0',\n\t\t\t\talternative: `select( 'core/preferences' ).get( scope, featureName )`,\n\t\t\t}\n\t\t);\n\n\t\treturn !! select( preferencesStore ).get( scope, featureName );\n\t}\n);\n\n/\n Returns true if a modal is active, or false otherwise.\n \n @param {Object} state Global application state.\n * @param {string} modalName A string that uniquely identifies the modal.\n \n @return {boolean} Whether the modal is active.\n */\nexport function isModalActive( state, modalName ) {\n\treturn state.activeModal === modalName;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAKA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,4BAAsB,EAC7DC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,KAAM;EACjCA,KAAK,GAAG,IAAAC,4CAA+B,EAAED,KAAM,CAAC;EAChD,MAAME,0BAA0B,GAAGJ,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CAChEJ,KAAK,EACL,4BACD,CAAC;;EAED;EACA;EACA;EACA,IAAKE,0BAA0B,KAAKG,SAAS,EAAG;IAC/C,OAAOA,SAAS;EACjB;;EAEA;EACA,IAAKH,0BAA0B,KAAK,KAAK,EAAG;IAC3C,OAAO,IAAI;EACZ;EAEA,OAAOH,KAAK,EAAEO,kBAAkB,GAAIN,KAAK,CAAE;AAC5C,CACD,CAAC;AAEM,MAAMO,0BAA0B,GAAAX,OAAA,CAAAW,0BAAA,GAAG,IAAAV,4BAAsB,EAC7DC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,KAAM;EACjCA,KAAK,GAAG,IAAAC,4CAA+B,EAAED,KAAM,CAAC;EAChD,MAAMQ,SAAS,GAAGV,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CAC/CJ,KAAK,EACL,4BACD,CAAC;EACD,MAAMS,UAAU,GAAGV,KAAK,EAAEO,kBAAkB,GAAIN,KAAK,CAAE;EAEvD,OAAOQ,SAAS,IAAIC,UAAU,KAAKJ,SAAS;AAC7C,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,YAAY,GAAAd,OAAA,CAAAc,YAAA,GAAG,IAAAb,4BAAsB,EAC/CC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEW,IAAI,KAAM;EAAA,IAAAC,iBAAA;EACvCZ,KAAK,GAAG,IAAAC,4CAA+B,EAAED,KAAM,CAAC;EAChDW,IAAI,GAAG,IAAAE,2CAA8B,EAAEb,KAAK,EAAEW,IAAK,CAAC;EACpD,MAAMG,WAAW,GAAGhB,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CACjDJ,KAAK,EACL,aACD,CAAC;EACD,QAAAY,iBAAA,GAAOE,WAAW,GAAIH,IAAI,CAAE,cAAAC,iBAAA,cAAAA,iBAAA,GAAI,IAAI;AACrC,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,eAAe,GAAAnB,OAAA,CAAAmB,eAAA,GAAG,IAAAlB,4BAAsB,EAClDC,MAAM,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEgB,WAAW,KAAM;EAC9C,IAAAC,mBAAU,EACT,kEAAkE,EAClE;IACCC,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CACD,CAAC;EAED,OAAO,CAAC,CAAErB,MAAM,CAAEK,kBAAiB,CAAC,CAACC,GAAG,CAAEJ,KAAK,EAAEgB,WAAY,CAAC;AAC/D,CACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,aAAaA,CAAErB,KAAK,EAAEsB,SAAS,EAAG;EACjD,OAAOtB,KAAK,CAACuB,WAAW,KAAKD,SAAS;AACvC","ignoreList":[]}

package/build-module/components/complementary-area/index.js CHANGED Viewed

@@ -14,6 +14,7 @@ import { useEffect, useRef, useState } from '@wordpress/element';
 import { store as viewportStore } from '@wordpress/viewport';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { useReducedMotion, useViewportMatch, usePrevious } from '@wordpress/compose';
+import { usePluginContext } from '@wordpress/plugins';
 /**
  * Internal dependencies
@@ -21,12 +22,9 @@ import { useReducedMotion, useViewportMatch, usePrevious } from '@wordpress/comp
 import ComplementaryAreaHeader from '../complementary-area-header';
 import ComplementaryAreaMoreMenuItem from '../complementary-area-more-menu-item';
 import ComplementaryAreaToggle from '../complementary-area-toggle';
-import withComplementaryAreaContext from '../complementary-area-context';
 import PinnedItems from '../pinned-items';
 import { store as interfaceStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const ANIMATION_DURATION = 0.3;
 function ComplementaryAreaSlot({
   scope,
@@ -137,19 +135,22 @@ function ComplementaryArea({
   children,
   className,
   closeLabel = __('Close plugin'),
-  identifier,
+  identifier: identifierProp,
   header,
   headerClassName,
-  icon,
+  icon: iconProp,
   isPinnable = true,
   panelClassName,
   scope,
   name,
-  smallScreenTitle,
   title,
   toggleShortcut,
   isActiveByDefault
 }) {
+  const context = usePluginContext();
+  const icon = iconProp || context.icon;
+  const identifier = identifierProp || `${context.name}/${name}`;
   // This state is used to delay the rendering of the Fill
   // until the initial effect runs.
   // This prevents the animation from running on mount if
@@ -183,6 +184,7 @@ function ComplementaryArea({
       showIconLabels: get('core', 'showIconLabels')
     };
   }, [identifier, scope]);
+  const isMobileViewport = useViewportMatch('medium', '<');
   useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall);
   const {
     enableComplementaryArea,
@@ -234,7 +236,6 @@ function ComplementaryArea({
         className: headerClassName,
         closeLabel: closeLabel,
         onClose: () => disableComplementaryArea(scope),
-        smallScreenTitle: smallScreenTitle,
         toggleButtonProps: {
           label: closeLabel,
           size: 'small',
@@ -246,7 +247,7 @@ function ComplementaryArea({
           children: [/*#__PURE__*/_jsx("h2", {
             className: "interface-complementary-area-header__title",
             children: title
-          }), isPinnable && /*#__PURE__*/_jsx(Button, {
+          }), isPinnable && !isMobileViewport && /*#__PURE__*/_jsx(Button, {
             className: "interface-complementary-area__pin-unpin-item",
             icon: isPinned ? starFilled : starEmpty,
             label: isPinned ? __('Unpin from toolbar') : __('Pin to toolbar'),
@@ -263,7 +264,6 @@ function ComplementaryArea({
     })]
   });
 }
-const ComplementaryAreaWrapped = withComplementaryAreaContext(ComplementaryArea);
-ComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;
-export default ComplementaryAreaWrapped;
+ComplementaryArea.Slot = ComplementaryAreaSlot;
+export default ComplementaryArea;
 //# sourceMappingURL=index.js.map

package/build-module/components/complementary-area/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","Button","Panel","Slot","Fill","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","useDispatch","useSelect","__","check","starEmpty","starFilled","useEffect","useRef","useState","store","viewportStore","preferencesStore","useReducedMotion","useViewportMatch","usePrevious","ComplementaryAreaHeader","ComplementaryAreaMoreMenuItem","ComplementaryAreaToggle","withComplementaryAreaContext","PinnedItems","interfaceStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ANIMATION_DURATION","ComplementaryAreaSlot","scope","props","name","SIDEBAR_WIDTH","variants","open","width","closed","mobileOpen","ComplementaryAreaFill","activeArea","isActive","children","className","id","disableMotion","isMobileViewport","previousActiveArea","previousIsActive","setState","transition","type","duration","ease","initial","div","animate","exit","style","useAdjustComplementaryListener","identifier","isSmall","previousIsSmallRef","shouldOpenWhenNotSmallRef","enableComplementaryArea","disableComplementaryArea","current","ComplementaryArea","closeLabel","header","headerClassName","icon","isPinnable","panelClassName","smallScreenTitle","title","toggleShortcut","isActiveByDefault","isReady","setIsReady","isLoading","isPinned","isLarge","showIconLabels","select","getActiveComplementaryArea","isComplementaryAreaLoading","isItemPinned","get","_activeArea","isViewportMatch","pinItem","unpinItem","undefined","isPressed","label","showTooltip","variant","size","shortcut","target","replace","onClose","toggleButtonProps","onClick","ComplementaryAreaWrapped"],"sources":["@wordpress/interface/src/components/complementary-area/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\tButton,\n\tPanel,\n\tSlot,\n\tFill,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { check, starEmpty, starFilled } from '@wordpress/icons';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { store as viewportStore } from '@wordpress/viewport';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tusePrevious,\n} from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport ComplementaryAreaHeader from '../complementary-area-header';\nimport ComplementaryAreaMoreMenuItem from '../complementary-area-more-menu-item';\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport withComplementaryAreaContext from '../complementary-area-context';\nimport PinnedItems from '../pinned-items';\nimport { store as interfaceStore } from '../../store';\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction ComplementaryAreaSlot( { scope, ...props } ) {\n\treturn <Slot name={ `ComplementaryArea/${ scope }` } { ...props } />;\n}\n\nconst SIDEBAR_WIDTH = 280;\nconst variants = {\n\topen: { width: SIDEBAR_WIDTH },\n\tclosed: { width: 0 },\n\tmobileOpen: { width: '100vw' },\n};\n\nfunction ComplementaryAreaFill( {\n\tactiveArea,\n\tisActive,\n\tscope,\n\tchildren,\n\tclassName,\n\tid,\n} ) {\n\tconst disableMotion = useReducedMotion();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\t// This is used to delay the exit animation to the next tick.\n\t// The reason this is done is to allow us to apply the right transition properties\n\t// When we switch from an open sidebar to another open sidebar.\n\t// we don't want to animate in this case.\n\tconst previousActiveArea = usePrevious( activeArea );\n\tconst previousIsActive = usePrevious( isActive );\n\tconst [ , setState ] = useState( {} );\n\tuseEffect( () => {\n\t\tsetState( {} );\n\t}, [ isActive ] );\n\tconst transition = {\n\t\ttype: 'tween',\n\t\tduration:\n\t\t\tdisableMotion \|\|\n\t\t\tisMobileViewport \|\|\n\t\t\t( !! previousActiveArea &&\n\t\t\t\t!! activeArea &&\n\t\t\t\tactiveArea !== previousActiveArea )\n\t\t\t\t? 0\n\t\t\t\t: ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\n\n\treturn (\n\t\t<Fill name={ `ComplementaryArea/${ scope }` }>\n\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t{ ( previousIsActive \|\| isActive ) && (\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tvariants={ variants }\n\t\t\t\t\t\tinitial=\"closed\"\n\t\t\t\t\t\tanimate={ isMobileViewport ? 'mobileOpen' : 'open' }\n\t\t\t\t\t\texit=\"closed\"\n\t\t\t\t\t\ttransition={ transition }\n\t\t\t\t\t\tclassName=\"interface-complementary-area__fill\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\twidth: isMobileViewport\n\t\t\t\t\t\t\t\t\t? '100vw'\n\t\t\t\t\t\t\t\t\t: SIDEBAR_WIDTH,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</motion.div>\n\t\t\t\t) }\n\t\t\t</AnimatePresence>\n\t\t</Fill>\n\t);\n}\n\nfunction useAdjustComplementaryListener(\n\tscope,\n\tidentifier,\n\tactiveArea,\n\tisActive,\n\tisSmall\n) {\n\tconst previousIsSmallRef = useRef( false );\n\tconst shouldOpenWhenNotSmallRef = useRef( false );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\t// If the complementary area is active and the editor is switching from\n\t\t// a big to a small window size.\n\t\tif ( isActive && isSmall && ! previousIsSmallRef.current ) {\n\t\t\tdisableComplementaryArea( scope );\n\t\t\t// Flag the complementary area to be reopened when the window size\n\t\t\t// goes from small to big.\n\t\t\tshouldOpenWhenNotSmallRef.current = true;\n\t\t} else if (\n\t\t\t// If there is a flag indicating the complementary area should be\n\t\t\t// enabled when we go from small to big window size and we are going\n\t\t\t// from a small to big window size.\n\t\t\tshouldOpenWhenNotSmallRef.current &&\n\t\t\t! isSmall &&\n\t\t\tpreviousIsSmallRef.current\n\t\t) {\n\t\t\t// Remove the flag indicating the complementary area should be\n\t\t\t// enabled.\n\t\t\tshouldOpenWhenNotSmallRef.current = false;\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if (\n\t\t\t// If the flag is indicating the current complementary should be\n\t\t\t// reopened but another complementary area becomes active, remove\n\t\t\t// the flag.\n\t\t\tshouldOpenWhenNotSmallRef.current &&\n\t\t\tactiveArea &&\n\t\t\tactiveArea !== identifier\n\t\t) {\n\t\t\tshouldOpenWhenNotSmallRef.current = false;\n\t\t}\n\t\tif ( isSmall !== previousIsSmallRef.current ) {\n\t\t\tpreviousIsSmallRef.current = isSmall;\n\t\t}\n\t}, [\n\t\tisActive,\n\t\tisSmall,\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tdisableComplementaryArea,\n\t\tenableComplementaryArea,\n\t] );\n}\n\nfunction ComplementaryArea( {\n\tchildren,\n\tclassName,\n\tcloseLabel = __( 'Close plugin' ),\n\tidentifier,\n\theader,\n\theaderClassName,\n\ticon,\n\tisPinnable = true,\n\tpanelClassName,\n\tscope,\n\tname,\n\tsmallScreenTitle,\n\ttitle,\n\ttoggleShortcut,\n\tisActiveByDefault,\n} ) {\n\t// This state is used to delay the rendering of the Fill\n\t// until the initial effect runs.\n\t// This prevents the animation from running on mount if\n\t// the complementary area is active by default.\n\tconst [ isReady, setIsReady ] = useState( false );\n\tconst {\n\t\tisLoading,\n\t\tisActive,\n\t\tisPinned,\n\t\tactiveArea,\n\t\tisSmall,\n\t\tisLarge,\n\t\tshowIconLabels,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetActiveComplementaryArea,\n\t\t\t\tisComplementaryAreaLoading,\n\t\t\t\tisItemPinned,\n\t\t\t} = select( interfaceStore );\n\t\t\tconst { get } = select( preferencesStore );\n\n\t\t\tconst _activeArea = getActiveComplementaryArea( scope );\n\n\t\t\treturn {\n\t\t\t\tisLoading: isComplementaryAreaLoading( scope ),\n\t\t\t\tisActive: _activeArea === identifier,\n\t\t\t\tisPinned: isItemPinned( scope, identifier ),\n\t\t\t\tactiveArea: _activeArea,\n\t\t\t\tisSmall: select( viewportStore ).isViewportMatch( '< medium' ),\n\t\t\t\tisLarge: select( viewportStore ).isViewportMatch( 'large' ),\n\t\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\t};\n\t\t},\n\t\t[ identifier, scope ]\n\t);\n\tuseAdjustComplementaryListener(\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tisActive,\n\t\tisSmall\n\t);\n\tconst {\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t\tpinItem,\n\t\tunpinItem,\n\t} = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Set initial visibility: For large screens, enable if it's active by\n\t\t// default. For small screens, always initially disable.\n\t\tif ( isActiveByDefault && activeArea === undefined && ! isSmall ) {\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if ( activeArea === undefined && isSmall ) {\n\t\t\tdisableComplementaryArea( scope, identifier );\n\t\t}\n\t\tsetIsReady( true );\n\t}, [\n\t\tactiveArea,\n\t\tisActiveByDefault,\n\t\tscope,\n\t\tidentifier,\n\t\tisSmall,\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t] );\n\n\tif ( ! isReady ) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isPinnable && (\n\t\t\t\t<PinnedItems scope={ scope }>\n\t\t\t\t\t{ isPinned && (\n\t\t\t\t\t\t<ComplementaryAreaToggle\n\t\t\t\t\t\t\tscope={ scope }\n\t\t\t\t\t\t\tidentifier={ identifier }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisActive && ( ! showIconLabels \|\| isLarge )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-expanded={ isActive }\n\t\t\t\t\t\t\taria-disabled={ isLoading }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\ticon={ showIconLabels ? check : icon }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tshortcut={ toggleShortcut }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PinnedItems>\n\t\t\t) }\n\t\t\t{ name && isPinnable && (\n\t\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\t\ttarget={ name }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t\t) }\n\t\t\t<ComplementaryAreaFill\n\t\t\t\tactiveArea={ activeArea }\n\t\t\t\tisActive={ isActive }\n\t\t\t\tclassName={ clsx( 'interface-complementary-area', className ) }\n\t\t\t\tscope={ scope }\n\t\t\t\tid={ identifier.replace( '/', ':' ) }\n\t\t\t>\n\t\t\t\t<ComplementaryAreaHeader\n\t\t\t\t\tclassName={ headerClassName }\n\t\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\t\tonClose={ () => disableComplementaryArea( scope ) }\n\t\t\t\t\tsmallScreenTitle={ smallScreenTitle }\n\t\t\t\t\ttoggleButtonProps={ {\n\t\t\t\t\t\tlabel: closeLabel,\n\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\tshortcut: toggleShortcut,\n\t\t\t\t\t\tscope,\n\t\t\t\t\t\tidentifier,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ header \|\| (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h2 className=\"interface-complementary-area-header__title\">\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t{ isPinnable && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"interface-complementary-area__pin-unpin-item\"\n\t\t\t\t\t\t\t\t\ticon={ isPinned ? starFilled : starEmpty }\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\tisPinned\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Unpin from toolbar' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Pin to toolbar' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t( isPinned ? unpinItem : pinItem )(\n\t\t\t\t\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\t\t\t\t\tidentifier\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisPressed={ isPinned }\n\t\t\t\t\t\t\t\t\taria-expanded={ isPinned }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</ComplementaryAreaHeader>\n\t\t\t\t<Panel className={ panelClassName }>{ children }</Panel>\n\t\t\t</ComplementaryAreaFill>\n\t\t</>\n\t);\n}\n\nconst ComplementaryAreaWrapped =\n\twithComplementaryAreaContext( ComplementaryArea );\n\nComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;\n\nexport default ComplementaryAreaWrapped;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,IAAI,EACJC,gBAAgB,IAAIC,MAAM,EAC1BC,yBAAyB,IAAIC,eAAe,QACtC,uBAAuB;AAC9B,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,EAAEC,SAAS,EAAEC,UAAU,QAAQ,kBAAkB;AAC/D,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,oBAAoB;AAChE,SAASC,KAAK,IAAIC,aAAa,QAAQ,qBAAqB;AAC5D,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,wBAAwB;AAClE,SACCC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,QACL,oBAAoB;;AAE3B;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,6BAA6B,MAAM,sCAAsC;AAChF,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,4BAA4B,MAAM,+BAA+B;AACxE,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASV,KAAK,IAAIW,cAAc,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEtD,MAAMC,kBAAkB,GAAG,GAAG;AAE9B,SAASC,qBAAqBA,CAAE;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAG;EACrD,oBAAOR,IAAA,CAAC5B,IAAI;IAACqC,IAAI,EAAI,qBAAqBF,KAAO,EAAG;IAAA,GAAMC;EAAK,CAAI,CAAC;AACrE;AAEA,MAAME,aAAa,GAAG,GAAG;AACzB,MAAMC,QAAQ,GAAG;EAChBC,IAAI,EAAE;IAAEC,KAAK,EAAEH;EAAc,CAAC;EAC9BI,MAAM,EAAE;IAAED,KAAK,EAAE;EAAE,CAAC;EACpBE,UAAU,EAAE;IAAEF,KAAK,EAAE;EAAQ;AAC9B,CAAC;AAED,SAASG,qBAAqBA,CAAE;EAC/BC,UAAU;EACVC,QAAQ;EACRX,KAAK;EACLY,QAAQ;EACRC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAGhC,gBAAgB,CAAC,CAAC;EACxC,MAAMiC,gBAAgB,GAAGhC,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D;EACA;EACA;EACA;EACA,MAAMiC,kBAAkB,GAAGhC,WAAW,CAAEyB,UAAW,CAAC;EACpD,MAAMQ,gBAAgB,GAAGjC,WAAW,CAAE0B,QAAS,CAAC;EAChD,MAAM,GAAIQ,QAAQ,CAAE,GAAGxC,QAAQ,CAAE,CAAC,CAAE,CAAC;EACrCF,SAAS,CAAE,MAAM;IAChB0C,QAAQ,CAAE,CAAC,CAAE,CAAC;EACf,CAAC,EAAE,CAAER,QAAQ,CAAG,CAAC;EACjB,MAAMS,UAAU,GAAG;IAClBC,IAAI,EAAE,OAAO;IACbC,QAAQ,EACPP,aAAa,IACbC,gBAAgB,IACd,CAAC,CAAEC,kBAAkB,IACtB,CAAC,CAAEP,UAAU,IACbA,UAAU,KAAKO,kBAAoB,GACjC,CAAC,GACDnB,kBAAkB;IACtByB,IAAI,EAAE,CAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;EACvB,CAAC;EAED,oBACC9B,IAAA,CAAC3B,IAAI;IAACoC,IAAI,EAAI,qBAAqBF,KAAO,EAAG;IAAAY,QAAA,eAC5CnB,IAAA,CAACvB,eAAe;MAACsD,OAAO,EAAG,KAAO;MAAAZ,QAAA,EAC/B,CAAEM,gBAAgB,IAAIP,QAAQ,kBAC/BlB,IAAA,CAACzB,MAAM,CAACyD,GAAG;QACVrB,QAAQ,EAAGA,QAAU;QACrBoB,OAAO,EAAC,QAAQ;QAChBE,OAAO,EAAGV,gBAAgB,GAAG,YAAY,GAAG,MAAQ;QACpDW,IAAI,EAAC,QAAQ;QACbP,UAAU,EAAGA,UAAY;QACzBP,SAAS,EAAC,oCAAoC;QAAAD,QAAA,eAE9CnB,IAAA;UACCqB,EAAE,EAAGA,EAAI;UACTD,SAAS,EAAGA,SAAW;UACvBe,KAAK,EAAG;YACPtB,KAAK,EAAEU,gBAAgB,GACpB,OAAO,GACPb;UACJ,CAAG;UAAAS,QAAA,EAEDA;QAAQ,CACN;MAAC,CACK;IACZ,CACe;EAAC,CACb,CAAC;AAET;AAEA,SAASiB,8BAA8BA,CACtC7B,KAAK,EACL8B,UAAU,EACVpB,UAAU,EACVC,QAAQ,EACRoB,OAAO,EACN;EACD,MAAMC,kBAAkB,GAAGtD,MAAM,CAAE,KAAM,CAAC;EAC1C,MAAMuD,yBAAyB,GAAGvD,MAAM,CAAE,KAAM,CAAC;EACjD,MAAM;IAAEwD,uBAAuB;IAAEC;EAAyB,CAAC,GAC1DhE,WAAW,CAAEoB,cAAe,CAAC;EAC9Bd,SAAS,CAAE,MAAM;IAChB;IACA;IACA,IAAKkC,QAAQ,IAAIoB,OAAO,IAAI,CAAEC,kBAAkB,CAACI,OAAO,EAAG;MAC1DD,wBAAwB,CAAEnC,KAAM,CAAC;MACjC;MACA;MACAiC,yBAAyB,CAACG,OAAO,GAAG,IAAI;IACzC,CAAC,MAAM;IACN;IACA;IACA;IACAH,yBAAyB,CAACG,OAAO,IACjC,CAAEL,OAAO,IACTC,kBAAkB,CAACI,OAAO,EACzB;MACD;MACA;MACAH,yBAAyB,CAACG,OAAO,GAAG,KAAK;MACzCF,uBAAuB,CAAElC,KAAK,EAAE8B,UAAW,CAAC;IAC7C,CAAC,MAAM;IACN;IACA;IACA;IACAG,yBAAyB,CAACG,OAAO,IACjC1B,UAAU,IACVA,UAAU,KAAKoB,UAAU,EACxB;MACDG,yBAAyB,CAACG,OAAO,GAAG,KAAK;IAC1C;IACA,IAAKL,OAAO,KAAKC,kBAAkB,CAACI,OAAO,EAAG;MAC7CJ,kBAAkB,CAACI,OAAO,GAAGL,OAAO;IACrC;EACD,CAAC,EAAE,CACFpB,QAAQ,EACRoB,OAAO,EACP/B,KAAK,EACL8B,UAAU,EACVpB,UAAU,EACVyB,wBAAwB,EACxBD,uBAAuB,CACtB,CAAC;AACJ;AAEA,SAASG,iBAAiBA,CAAE;EAC3BzB,QAAQ;EACRC,SAAS;EACTyB,UAAU,GAAGjE,EAAE,CAAE,cAAe,CAAC;EACjCyD,UAAU;EACVS,MAAM;EACNC,eAAe;EACfC,IAAI;EACJC,UAAU,GAAG,IAAI;EACjBC,cAAc;EACd3C,KAAK;EACLE,IAAI;EACJ0C,gBAAgB;EAChBC,KAAK;EACLC,cAAc;EACdC;AACD,CAAC,EAAG;EACH;EACA;EACA;EACA;EACA,MAAM,CAAEC,OAAO,EAAEC,UAAU,CAAE,GAAGtE,QAAQ,CAAE,KAAM,CAAC;EACjD,MAAM;IACLuE,SAAS;IACTvC,QAAQ;IACRwC,QAAQ;IACRzC,UAAU;IACVqB,OAAO;IACPqB,OAAO;IACPC;EACD,CAAC,GAAGjF,SAAS,CACVkF,MAAM,IAAM;IACb,MAAM;MACLC,0BAA0B;MAC1BC,0BAA0B;MAC1BC;IACD,CAAC,GAAGH,MAAM,CAAE/D,cAAe,CAAC;IAC5B,MAAM;MAAEmE;IAAI,CAAC,GAAGJ,MAAM,CAAExE,gBAAiB,CAAC;IAE1C,MAAM6E,WAAW,GAAGJ,0BAA0B,CAAEvD,KAAM,CAAC;IAEvD,OAAO;MACNkD,SAAS,EAAEM,0BAA0B,CAAExD,KAAM,CAAC;MAC9CW,QAAQ,EAAEgD,WAAW,KAAK7B,UAAU;MACpCqB,QAAQ,EAAEM,YAAY,CAAEzD,KAAK,EAAE8B,UAAW,CAAC;MAC3CpB,UAAU,EAAEiD,WAAW;MACvB5B,OAAO,EAAEuB,MAAM,CAAEzE,aAAc,CAAC,CAAC+E,eAAe,CAAE,UAAW,CAAC;MAC9DR,OAAO,EAAEE,MAAM,CAAEzE,aAAc,CAAC,CAAC+E,eAAe,CAAE,OAAQ,CAAC;MAC3DP,cAAc,EAAEK,GAAG,CAAE,MAAM,EAAE,gBAAiB;IAC/C,CAAC;EACF,CAAC,EACD,CAAE5B,UAAU,EAAE9B,KAAK,CACpB,CAAC;EACD6B,8BAA8B,CAC7B7B,KAAK,EACL8B,UAAU,EACVpB,UAAU,EACVC,QAAQ,EACRoB,OACD,CAAC;EACD,MAAM;IACLG,uBAAuB;IACvBC,wBAAwB;IACxB0B,OAAO;IACPC;EACD,CAAC,GAAG3F,WAAW,CAAEoB,cAAe,CAAC;EAEjCd,SAAS,CAAE,MAAM;IAChB;IACA;IACA,IAAKsE,iBAAiB,IAAIrC,UAAU,KAAKqD,SAAS,IAAI,CAAEhC,OAAO,EAAG;MACjEG,uBAAuB,CAAElC,KAAK,EAAE8B,UAAW,CAAC;IAC7C,CAAC,MAAM,IAAKpB,UAAU,KAAKqD,SAAS,IAAIhC,OAAO,EAAG;MACjDI,wBAAwB,CAAEnC,KAAK,EAAE8B,UAAW,CAAC;IAC9C;IACAmB,UAAU,CAAE,IAAK,CAAC;EACnB,CAAC,EAAE,CACFvC,UAAU,EACVqC,iBAAiB,EACjB/C,KAAK,EACL8B,UAAU,EACVC,OAAO,EACPG,uBAAuB,EACvBC,wBAAwB,CACvB,CAAC;EAEH,IAAK,CAAEa,OAAO,EAAG;IAChB;EACD;EAEA,oBACCnD,KAAA,CAAAF,SAAA;IAAAiB,QAAA,GACG8B,UAAU,iBACXjD,IAAA,CAACH,WAAW;MAACU,KAAK,EAAGA,KAAO;MAAAY,QAAA,EACzBuC,QAAQ,iBACT1D,IAAA,CAACL,uBAAuB;QACvBY,KAAK,EAAGA,KAAO;QACf8B,UAAU,EAAGA,UAAY;QACzBkC,SAAS,EACRrD,QAAQ,KAAM,CAAE0C,cAAc,IAAID,OAAO,CACzC;QACD,iBAAgBzC,QAAU;QAC1B,iBAAgBuC,SAAW;QAC3Be,KAAK,EAAGpB,KAAO;QACfJ,IAAI,EAAGY,cAAc,GAAG/E,KAAK,GAAGmE,IAAM;QACtCyB,WAAW,EAAG,CAAEb,cAAgB;QAChCc,OAAO,EAAGd,cAAc,GAAG,UAAU,GAAGU,SAAW;QACnDK,IAAI,EAAC,SAAS;QACdC,QAAQ,EAAGvB;MAAgB,CAC3B;IACD,CACW,CACb,EACC5C,IAAI,IAAIwC,UAAU,iBACnBjD,IAAA,CAACN,6BAA6B;MAC7BmF,MAAM,EAAGpE,IAAM;MACfF,KAAK,EAAGA,KAAO;MACfyC,IAAI,EAAGA,IAAM;MAAA7B,QAAA,EAEXiC;IAAK,CACuB,CAC/B,eACDhD,KAAA,CAACY,qBAAqB;MACrBC,UAAU,EAAGA,UAAY;MACzBC,QAAQ,EAAGA,QAAU;MACrBE,SAAS,EAAGnD,IAAI,CAAE,8BAA8B,EAAEmD,SAAU,CAAG;MAC/Db,KAAK,EAAGA,KAAO;MACfc,EAAE,EAAGgB,UAAU,CAACyC,OAAO,CAAE,GAAG,EAAE,GAAI,CAAG;MAAA3D,QAAA,gBAErCnB,IAAA,CAACP,uBAAuB;QACvB2B,SAAS,EAAG2B,eAAiB;QAC7BF,UAAU,EAAGA,UAAY;QACzBkC,OAAO,EAAGA,CAAA,KAAMrC,wBAAwB,CAAEnC,KAAM,CAAG;QACnD4C,gBAAgB,EAAGA,gBAAkB;QACrC6B,iBAAiB,EAAG;UACnBR,KAAK,EAAE3B,UAAU;UACjB8B,IAAI,EAAE,OAAO;UACbC,QAAQ,EAAEvB,cAAc;UACxB9C,KAAK;UACL8B;QACD,CAAG;QAAAlB,QAAA,EAED2B,MAAM,iBACP1C,KAAA,CAAAF,SAAA;UAAAiB,QAAA,gBACCnB,IAAA;YAAIoB,SAAS,EAAC,4CAA4C;YAAAD,QAAA,EACvDiC;UAAK,CACJ,CAAC,EACHH,UAAU,iBACXjD,IAAA,CAAC9B,MAAM;YACNkD,SAAS,EAAC,8CAA8C;YACxD4B,IAAI,EAAGU,QAAQ,GAAG3E,UAAU,GAAGD,SAAW;YAC1C0F,KAAK,EACJd,QAAQ,GACL9E,EAAE,CAAE,oBAAqB,CAAC,GAC1BA,EAAE,CAAE,gBAAiB,CACxB;YACDqG,OAAO,EAAGA,CAAA,KACT,CAAEvB,QAAQ,GAAGW,SAAS,GAAGD,OAAO,EAC/B7D,KAAK,EACL8B,UACD,CACA;YACDkC,SAAS,EAAGb,QAAU;YACtB,iBAAgBA,QAAU;YAC1BiB,IAAI,EAAC;UAAS,CACd,CACD;QAAA,CACA;MACF,CACuB,CAAC,eAC1B3E,IAAA,CAAC7B,KAAK;QAACiD,SAAS,EAAG8B,cAAgB;QAAA/B,QAAA,EAAGA;MAAQ,CAAS,CAAC;IAAA,CAClC,CAAC;EAAA,CACvB,CAAC;AAEL;AAEA,MAAM+D,wBAAwB,GAC7BtF,4BAA4B,CAAEgD,iBAAkB,CAAC;AAElDsC,wBAAwB,CAAC9G,IAAI,GAAGkC,qBAAqB;AAErD,eAAe4E,wBAAwB","ignoreList":[]}
1	+ {"version":3,"names":["clsx","Button","Panel","Slot","Fill","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","useDispatch","useSelect","__","check","starEmpty","starFilled","useEffect","useRef","useState","store","viewportStore","preferencesStore","useReducedMotion","useViewportMatch","usePrevious","usePluginContext","ComplementaryAreaHeader","ComplementaryAreaMoreMenuItem","ComplementaryAreaToggle","PinnedItems","interfaceStore","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ANIMATION_DURATION","ComplementaryAreaSlot","scope","props","name","SIDEBAR_WIDTH","variants","open","width","closed","mobileOpen","ComplementaryAreaFill","activeArea","isActive","children","className","id","disableMotion","isMobileViewport","previousActiveArea","previousIsActive","setState","transition","type","duration","ease","initial","div","animate","exit","style","useAdjustComplementaryListener","identifier","isSmall","previousIsSmallRef","shouldOpenWhenNotSmallRef","enableComplementaryArea","disableComplementaryArea","current","ComplementaryArea","closeLabel","identifierProp","header","headerClassName","icon","iconProp","isPinnable","panelClassName","title","toggleShortcut","isActiveByDefault","context","isReady","setIsReady","isLoading","isPinned","isLarge","showIconLabels","select","getActiveComplementaryArea","isComplementaryAreaLoading","isItemPinned","get","_activeArea","isViewportMatch","pinItem","unpinItem","undefined","isPressed","label","showTooltip","variant","size","shortcut","target","replace","onClose","toggleButtonProps","onClick"],"sources":["@wordpress/interface/src/components/complementary-area/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\tButton,\n\tPanel,\n\tSlot,\n\tFill,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { check, starEmpty, starFilled } from '@wordpress/icons';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { store as viewportStore } from '@wordpress/viewport';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { usePluginContext } from '@wordpress/plugins';\n\n/\n Internal dependencies\n */\nimport ComplementaryAreaHeader from '../complementary-area-header';\nimport ComplementaryAreaMoreMenuItem from '../complementary-area-more-menu-item';\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport PinnedItems from '../pinned-items';\nimport { store as interfaceStore } from '../../store';\n\nconst ANIMATION_DURATION = 0.3;\n\nfunction ComplementaryAreaSlot( { scope, ...props } ) {\n\treturn <Slot name={ `ComplementaryArea/${ scope }` } { ...props } />;\n}\n\nconst SIDEBAR_WIDTH = 280;\nconst variants = {\n\topen: { width: SIDEBAR_WIDTH },\n\tclosed: { width: 0 },\n\tmobileOpen: { width: '100vw' },\n};\n\nfunction ComplementaryAreaFill( {\n\tactiveArea,\n\tisActive,\n\tscope,\n\tchildren,\n\tclassName,\n\tid,\n} ) {\n\tconst disableMotion = useReducedMotion();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\t// This is used to delay the exit animation to the next tick.\n\t// The reason this is done is to allow us to apply the right transition properties\n\t// When we switch from an open sidebar to another open sidebar.\n\t// we don't want to animate in this case.\n\tconst previousActiveArea = usePrevious( activeArea );\n\tconst previousIsActive = usePrevious( isActive );\n\tconst [ , setState ] = useState( {} );\n\tuseEffect( () => {\n\t\tsetState( {} );\n\t}, [ isActive ] );\n\tconst transition = {\n\t\ttype: 'tween',\n\t\tduration:\n\t\t\tdisableMotion \|\|\n\t\t\tisMobileViewport \|\|\n\t\t\t( !! previousActiveArea &&\n\t\t\t\t!! activeArea &&\n\t\t\t\tactiveArea !== previousActiveArea )\n\t\t\t\t? 0\n\t\t\t\t: ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\n\n\treturn (\n\t\t<Fill name={ `ComplementaryArea/${ scope }` }>\n\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t{ ( previousIsActive \|\| isActive ) && (\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tvariants={ variants }\n\t\t\t\t\t\tinitial=\"closed\"\n\t\t\t\t\t\tanimate={ isMobileViewport ? 'mobileOpen' : 'open' }\n\t\t\t\t\t\texit=\"closed\"\n\t\t\t\t\t\ttransition={ transition }\n\t\t\t\t\t\tclassName=\"interface-complementary-area__fill\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tid={ id }\n\t\t\t\t\t\t\tclassName={ className }\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\twidth: isMobileViewport\n\t\t\t\t\t\t\t\t\t? '100vw'\n\t\t\t\t\t\t\t\t\t: SIDEBAR_WIDTH,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</motion.div>\n\t\t\t\t) }\n\t\t\t</AnimatePresence>\n\t\t</Fill>\n\t);\n}\n\nfunction useAdjustComplementaryListener(\n\tscope,\n\tidentifier,\n\tactiveArea,\n\tisActive,\n\tisSmall\n) {\n\tconst previousIsSmallRef = useRef( false );\n\tconst shouldOpenWhenNotSmallRef = useRef( false );\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\tuseEffect( () => {\n\t\t// If the complementary area is active and the editor is switching from\n\t\t// a big to a small window size.\n\t\tif ( isActive && isSmall && ! previousIsSmallRef.current ) {\n\t\t\tdisableComplementaryArea( scope );\n\t\t\t// Flag the complementary area to be reopened when the window size\n\t\t\t// goes from small to big.\n\t\t\tshouldOpenWhenNotSmallRef.current = true;\n\t\t} else if (\n\t\t\t// If there is a flag indicating the complementary area should be\n\t\t\t// enabled when we go from small to big window size and we are going\n\t\t\t// from a small to big window size.\n\t\t\tshouldOpenWhenNotSmallRef.current &&\n\t\t\t! isSmall &&\n\t\t\tpreviousIsSmallRef.current\n\t\t) {\n\t\t\t// Remove the flag indicating the complementary area should be\n\t\t\t// enabled.\n\t\t\tshouldOpenWhenNotSmallRef.current = false;\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if (\n\t\t\t// If the flag is indicating the current complementary should be\n\t\t\t// reopened but another complementary area becomes active, remove\n\t\t\t// the flag.\n\t\t\tshouldOpenWhenNotSmallRef.current &&\n\t\t\tactiveArea &&\n\t\t\tactiveArea !== identifier\n\t\t) {\n\t\t\tshouldOpenWhenNotSmallRef.current = false;\n\t\t}\n\t\tif ( isSmall !== previousIsSmallRef.current ) {\n\t\t\tpreviousIsSmallRef.current = isSmall;\n\t\t}\n\t}, [\n\t\tisActive,\n\t\tisSmall,\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tdisableComplementaryArea,\n\t\tenableComplementaryArea,\n\t] );\n}\n\nfunction ComplementaryArea( {\n\tchildren,\n\tclassName,\n\tcloseLabel = __( 'Close plugin' ),\n\tidentifier: identifierProp,\n\theader,\n\theaderClassName,\n\ticon: iconProp,\n\tisPinnable = true,\n\tpanelClassName,\n\tscope,\n\tname,\n\ttitle,\n\ttoggleShortcut,\n\tisActiveByDefault,\n} ) {\n\tconst context = usePluginContext();\n\tconst icon = iconProp \|\| context.icon;\n\tconst identifier = identifierProp \|\| `${ context.name }/${ name }`;\n\n\t// This state is used to delay the rendering of the Fill\n\t// until the initial effect runs.\n\t// This prevents the animation from running on mount if\n\t// the complementary area is active by default.\n\tconst [ isReady, setIsReady ] = useState( false );\n\tconst {\n\t\tisLoading,\n\t\tisActive,\n\t\tisPinned,\n\t\tactiveArea,\n\t\tisSmall,\n\t\tisLarge,\n\t\tshowIconLabels,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetActiveComplementaryArea,\n\t\t\t\tisComplementaryAreaLoading,\n\t\t\t\tisItemPinned,\n\t\t\t} = select( interfaceStore );\n\t\t\tconst { get } = select( preferencesStore );\n\n\t\t\tconst _activeArea = getActiveComplementaryArea( scope );\n\n\t\t\treturn {\n\t\t\t\tisLoading: isComplementaryAreaLoading( scope ),\n\t\t\t\tisActive: _activeArea === identifier,\n\t\t\t\tisPinned: isItemPinned( scope, identifier ),\n\t\t\t\tactiveArea: _activeArea,\n\t\t\t\tisSmall: select( viewportStore ).isViewportMatch( '< medium' ),\n\t\t\t\tisLarge: select( viewportStore ).isViewportMatch( 'large' ),\n\t\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\t};\n\t\t},\n\t\t[ identifier, scope ]\n\t);\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseAdjustComplementaryListener(\n\t\tscope,\n\t\tidentifier,\n\t\tactiveArea,\n\t\tisActive,\n\t\tisSmall\n\t);\n\tconst {\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t\tpinItem,\n\t\tunpinItem,\n\t} = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Set initial visibility: For large screens, enable if it's active by\n\t\t// default. For small screens, always initially disable.\n\t\tif ( isActiveByDefault && activeArea === undefined && ! isSmall ) {\n\t\t\tenableComplementaryArea( scope, identifier );\n\t\t} else if ( activeArea === undefined && isSmall ) {\n\t\t\tdisableComplementaryArea( scope, identifier );\n\t\t}\n\t\tsetIsReady( true );\n\t}, [\n\t\tactiveArea,\n\t\tisActiveByDefault,\n\t\tscope,\n\t\tidentifier,\n\t\tisSmall,\n\t\tenableComplementaryArea,\n\t\tdisableComplementaryArea,\n\t] );\n\n\tif ( ! isReady ) {\n\t\treturn;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ isPinnable && (\n\t\t\t\t<PinnedItems scope={ scope }>\n\t\t\t\t\t{ isPinned && (\n\t\t\t\t\t\t<ComplementaryAreaToggle\n\t\t\t\t\t\t\tscope={ scope }\n\t\t\t\t\t\t\tidentifier={ identifier }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisActive && ( ! showIconLabels \|\| isLarge )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-expanded={ isActive }\n\t\t\t\t\t\t\taria-disabled={ isLoading }\n\t\t\t\t\t\t\tlabel={ title }\n\t\t\t\t\t\t\ticon={ showIconLabels ? check : icon }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tshortcut={ toggleShortcut }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PinnedItems>\n\t\t\t) }\n\t\t\t{ name && isPinnable && (\n\t\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\t\ttarget={ name }\n\t\t\t\t\tscope={ scope }\n\t\t\t\t\ticon={ icon }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t\t) }\n\t\t\t<ComplementaryAreaFill\n\t\t\t\tactiveArea={ activeArea }\n\t\t\t\tisActive={ isActive }\n\t\t\t\tclassName={ clsx( 'interface-complementary-area', className ) }\n\t\t\t\tscope={ scope }\n\t\t\t\tid={ identifier.replace( '/', ':' ) }\n\t\t\t>\n\t\t\t\t<ComplementaryAreaHeader\n\t\t\t\t\tclassName={ headerClassName }\n\t\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\t\tonClose={ () => disableComplementaryArea( scope ) }\n\t\t\t\t\ttoggleButtonProps={ {\n\t\t\t\t\t\tlabel: closeLabel,\n\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\tshortcut: toggleShortcut,\n\t\t\t\t\t\tscope,\n\t\t\t\t\t\tidentifier,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ header \|\| (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<h2 className=\"interface-complementary-area-header__title\">\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t{ isPinnable && ! isMobileViewport && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"interface-complementary-area__pin-unpin-item\"\n\t\t\t\t\t\t\t\t\ticon={ isPinned ? starFilled : starEmpty }\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\tisPinned\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Unpin from toolbar' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Pin to toolbar' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t( isPinned ? unpinItem : pinItem )(\n\t\t\t\t\t\t\t\t\t\t\tscope,\n\t\t\t\t\t\t\t\t\t\t\tidentifier\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisPressed={ isPinned }\n\t\t\t\t\t\t\t\t\taria-expanded={ isPinned }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</ComplementaryAreaHeader>\n\t\t\t\t<Panel className={ panelClassName }>{ children }</Panel>\n\t\t\t</ComplementaryAreaFill>\n\t\t</>\n\t);\n}\n\nComplementaryArea.Slot = ComplementaryAreaSlot;\n\nexport default ComplementaryArea;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/complementary-area-header/index.js CHANGED Viewed

@@ -12,11 +12,8 @@ import { closeSmall } from '@wordpress/icons';
  * Internal dependencies
  */
 import ComplementaryAreaToggle from '../complementary-area-toggle';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ComplementaryAreaHeader = ({
-  smallScreenTitle,
   children,
   className,
   toggleButtonProps
@@ -25,18 +22,10 @@ const ComplementaryAreaHeader = ({
     icon: closeSmall,
     ...toggleButtonProps
   });
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "components-panel__header interface-complementary-area-header__small",
-      children: [smallScreenTitle && /*#__PURE__*/_jsx("h2", {
-        className: "interface-complementary-area-header__small-title",
-        children: smallScreenTitle
-      }), toggleButton]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: clsx('components-panel__header', 'interface-complementary-area-header', className),
-      tabIndex: -1,
-      children: [children, toggleButton]
-    })]
+  return /*#__PURE__*/_jsxs("div", {
+    className: clsx('components-panel__header', 'interface-complementary-area-header', className),
+    tabIndex: -1,
+    children: [children, toggleButton]
   });
 };
 export default ComplementaryAreaHeader;

package/build-module/components/complementary-area-header/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","closeSmall","ComplementaryAreaToggle","jsx","_jsx","jsxs","_jsxs","~~Fragment","_Fragment","~~ComplementaryAreaHeader","~~smallScreenTitle","~~children","className","toggleButtonProps","toggleButton","icon","tabIndex"],"sources":["@wordpress/interface/src/components/complementary-area-header/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { closeSmall } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\n\nconst ComplementaryAreaHeader = ( {\n\~~tsmallScreenTitle,\n\~~tchildren,\n\tclassName,\n\ttoggleButtonProps,\n} ) => {\n\tconst toggleButton = (\n\t\t<ComplementaryAreaToggle icon={ closeSmall } { ...toggleButtonProps } />\n\t);\n\treturn (\n\t\t~~<>\n\t\t\t~~<div ~~className=\"components-panel__header interface-complementary-area-header__small~~\~~">\~~n\t\t\t\t{ smallScreenTitle && (\n\t\t\t\t\t<h2 className=\"interface-complementary-area-header__small-title\">\n\t\t\t\t\t\t{ smallScreenTitle }\n\t\t\t\t\t</h2>\n\t\t\t\t) }\n\t\t\t\t{ toggleButton }\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'components-panel__header',\n\t\t\t\t\t'interface-complementary-area-header',\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t\ttabIndex={ -1 }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t\t{ toggleButton }\n\t\t\t</div>\n\t~~\t</>\n\t~~);\n};\n\nexport default ComplementaryAreaHeader;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;~~AAAA,SAAAC,QAAA,IAAAC,SAAA;~~AAEnE,MAAMC,uBAAuB,GAAGA,CAAE;EACjCC,~~gBAAgB;EAChBC,~~QAAQ;EACRC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,~~gBACjBV~~,IAAA,CAACF,uBAAuB;~~IAACa~~,IAAI,~~EAAGd~~,UAAY;IAAA,~~GAAMY~~;EAAiB,CAAI,CACvE;EACD,~~oBACCP~~,KAAA~~,CAAAE,SAAA~~;~~IAAAG~~,~~QAAA,gBACCL,KAAA;MAAKM,~~SAAS,~~EAAC~~,~~qEAAqE;MAAAD,QAAA,GACjFD,gBAAgB,iBACjBN,IAAA;QAAIQ,SAAS,EAAC,kDAAkD;QAAAD,QAAA,EAC7DD;MAAgB,CACf,CACJ,EACCI,YAAY;IAAA,CACV,CAAC,eACNR,KAAA;MACCM,SAAS,EAAGZ,~~IAAI,CACf,0BAA0B,EAC1B,qCAAqC,~~EACrCY~~,SACD,CAAG;~~MACHI~~,QAAQ,EAAG,CAAC,CAAG;~~MAAAL~~,QAAA,GAEbA,QAAQ,EACRG,YAAY;~~IAAA~~,CACV,CAAC;~~EAAA~~,~~CACL,~~CAAC;~~AAEL,CAAC;~~AAED,~~eAAeL~~,uBAAuB","ignoreList":[]}
1	+ {"version":3,"names":["clsx","closeSmall","ComplementaryAreaToggle","jsx","_jsx","jsxs","_jsxs","ComplementaryAreaHeader","children","className","toggleButtonProps","toggleButton","icon","tabIndex"],"sources":["@wordpress/interface/src/components/complementary-area-header/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { closeSmall } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\n\nconst ComplementaryAreaHeader = ( {\n\tchildren,\n\tclassName,\n\ttoggleButtonProps,\n} ) => {\n\tconst toggleButton = (\n\t\t<ComplementaryAreaToggle icon={ closeSmall } { ...toggleButtonProps } />\n\t);\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx(\n\t\t\t\t'components-panel__header',\n\t\t\t\t'interface-complementary-area-header',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\ttabIndex={ -1 }\n\t\t>\n\t\t\t{ children }\n\t\t\t{ toggleButton }\n\t\t</div>\n\t);\n};\n\nexport default ComplementaryAreaHeader;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnE,MAAMC,uBAAuB,GAAGA,CAAE;EACjCC,QAAQ;EACRC,SAAS;EACTC;AACD,CAAC,KAAM;EACN,MAAMC,YAAY,gBACjBP,IAAA,CAACF,uBAAuB;IAACU,IAAI,EAAGX,UAAY;IAAA,GAAMS;EAAiB,CAAI,CACvE;EACD,oBACCJ,KAAA;IACCG,SAAS,EAAGT,IAAI,CACf,0BAA0B,EAC1B,qCAAqC,EACrCS,SACD,CAAG;IACHI,QAAQ,EAAG,CAAC,CAAG;IAAAL,QAAA,GAEbA,QAAQ,EACRG,YAAY;EAAA,CACV,CAAC;AAER,CAAC;AAED,eAAeJ,uBAAuB","ignoreList":[]}

package/build-module/components/complementary-area-more-menu-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["check","MenuItem","ComplementaryAreaToggle","ActionItem","jsx","_jsx","PluginsMenuItem","__unstableExplicitMenuItem","__unstableTarget","restProps","ComplementaryAreaMoreMenuItem","scope","target","props","as","toggleProps","name","role","selectedIcon"],"sources":["@wordpress/interface/src/components/complementary-area-more-menu-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { check } from '@wordpress/icons';\nimport { MenuItem } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport ActionItem from '../action-item';\n\nconst PluginsMenuItem = ( {\n\t// Menu item is marked with unstable prop for backward compatibility.\n\t// They are removed so they don't leak to DOM elements.\n\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t__unstableExplicitMenuItem,\n\t__unstableTarget,\n\t...restProps\n} ) => <MenuItem { ...restProps } />;\n\nexport default function ComplementaryAreaMoreMenuItem( {\n\tscope,\n\ttarget,\n\t__unstableExplicitMenuItem,\n\t...props\n} ) {\n\treturn (\n\t\t<ComplementaryAreaToggle\n\t\t\tas={ ( toggleProps ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ActionItem\n\t\t\t\t\t\t__unstableExplicitMenuItem={\n\t\t\t\t\t\t\t__unstableExplicitMenuItem\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableTarget={ `${ scope }/${ target }` }\n\t\t\t\t\t\tas={ PluginsMenuItem }\n\t\t\t\t\t\tname={ `${ scope }/plugin-more-menu` }\n\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tselectedIcon={ check }\n\t\t\tname={ target }\n\t\t\tscope={ scope }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,kBAAkB;AACxC,SAASC,QAAQ,QAAQ,uBAAuB;;AAEhD;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,UAAU,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAMC,eAAe,GAAGA,CAAE;EACzB;EACA;EACA;EACAC,0BAA0B;EAC1BC,gBAAgB;EAChB,GAAGC;AACJ,CAAC,kBAAMJ,IAAA,CAACJ,QAAQ;EAAA,GAAMQ;AAAS,CAAI,CAAC;AAEpC,eAAe,SAASC,6BAA6BA,CAAE;EACtDC,KAAK;EACLC,MAAM;EACNL,0BAA0B;EAC1B,GAAGM;AACJ,CAAC,EAAG;EACH,oBACCR,IAAA,CAACH,uBAAuB;IACvBY,EAAE,EAAKC,WAAW,IAAM;MACvB,oBACCV,IAAA,CAACF,UAAU;QACVI,0BAA0B,EACzBA,0BACA;QACDC,gBAAgB,~~EAAI~~,~~GAAGG~~,~~KAAO~~,~~IAAIC~~,~~MAAQ~~,~~EAAG~~;QAC7CE,EAAE,EAAGR,eAAiB;QACtBU,IAAI,~~EAAI~~,~~GAAGL~~,~~KAAO~~,~~mBAAoB~~;QAAA,GACjCI;MAAW,CAChB,CAAC;IAEJ,CAAG;IACHE,IAAI,EAAC,kBAAkB;IACvBC,YAAY,EAAGlB,KAAO;IACtBgB,IAAI,EAAGJ,MAAQ;IACfD,KAAK,EAAGA,KAAO;IAAA,GACVE;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["check","MenuItem","ComplementaryAreaToggle","ActionItem","jsx","_jsx","PluginsMenuItem","__unstableExplicitMenuItem","__unstableTarget","restProps","ComplementaryAreaMoreMenuItem","scope","target","props","as","toggleProps","name","role","selectedIcon"],"sources":["@wordpress/interface/src/components/complementary-area-more-menu-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { check } from '@wordpress/icons';\nimport { MenuItem } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport ActionItem from '../action-item';\n\nconst PluginsMenuItem = ( {\n\t// Menu item is marked with unstable prop for backward compatibility.\n\t// They are removed so they don't leak to DOM elements.\n\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t__unstableExplicitMenuItem,\n\t__unstableTarget,\n\t...restProps\n} ) => <MenuItem { ...restProps } />;\n\nexport default function ComplementaryAreaMoreMenuItem( {\n\tscope,\n\ttarget,\n\t__unstableExplicitMenuItem,\n\t...props\n} ) {\n\treturn (\n\t\t<ComplementaryAreaToggle\n\t\t\tas={ ( toggleProps ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ActionItem\n\t\t\t\t\t\t__unstableExplicitMenuItem={\n\t\t\t\t\t\t\t__unstableExplicitMenuItem\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableTarget={ `${ scope }/${ target }` }\n\t\t\t\t\t\tas={ PluginsMenuItem }\n\t\t\t\t\t\tname={ `${ scope }/plugin-more-menu` }\n\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tselectedIcon={ check }\n\t\t\tname={ target }\n\t\t\tscope={ scope }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,kBAAkB;AACxC,SAASC,QAAQ,QAAQ,uBAAuB;;AAEhD;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,UAAU,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAMC,eAAe,GAAGA,CAAE;EACzB;EACA;EACA;EACAC,0BAA0B;EAC1BC,gBAAgB;EAChB,GAAGC;AACJ,CAAC,kBAAMJ,IAAA,CAACJ,QAAQ;EAAA,GAAMQ;AAAS,CAAI,CAAC;AAEpC,eAAe,SAASC,6BAA6BA,CAAE;EACtDC,KAAK;EACLC,MAAM;EACNL,0BAA0B;EAC1B,GAAGM;AACJ,CAAC,EAAG;EACH,oBACCR,IAAA,CAACH,uBAAuB;IACvBY,EAAE,EAAKC,WAAW,IAAM;MACvB,oBACCV,IAAA,CAACF,UAAU;QACVI,0BAA0B,EACzBA,0BACA;QACDC,gBAAgB,EAAG,GAAIG,KAAK,IAAMC,MAAM,EAAK;QAC7CE,EAAE,EAAGR,eAAiB;QACtBU,IAAI,EAAG,GAAIL,KAAK,mBAAsB;QAAA,GACjCI;MAAW,CAChB,CAAC;IAEJ,CAAG;IACHE,IAAI,EAAC,kBAAkB;IACvBC,YAAY,EAAGlB,KAAO;IACtBgB,IAAI,EAAGJ,MAAQ;IACfD,KAAK,EAAGA,KAAO;IAAA,GACVE;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/complementary-area-toggle/index.js CHANGED Viewed

@@ -3,12 +3,12 @@
  */
 import { Button } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
+import { usePluginContext } from '@wordpress/plugins';
 /**
  * Internal dependencies
  */
 import { store as interfaceStore } from '../../store';
-import complementaryAreaContext from '../complementary-area-context';
 /**
  * Whether the role supports checked state.
@@ -21,17 +21,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 function roleSupportsCheckedState(role) {
   return ['checkbox', 'option', 'radio', 'switch', 'menuitemcheckbox', 'menuitemradio', 'treeitem'].includes(role);
 }
-function ComplementaryAreaToggle({
+export default function ComplementaryAreaToggle({
   as = Button,
   scope,
-  identifier,
-  icon,
+  identifier: identifierProp,
+  icon: iconProp,
   selectedIcon,
   name,
   shortcut,
   ...props
 }) {
   const ComponentToUse = as;
+  const context = usePluginContext();
+  const icon = iconProp || context.icon;
+  const identifier = identifierProp || `${context.name}/${name}`;
   const isSelected = useSelect(select => select(interfaceStore).getActiveComplementaryArea(scope) === identifier, [identifier, scope]);
   const {
     enableComplementaryArea,
@@ -54,5 +57,4 @@ function ComplementaryAreaToggle({
     ...props
   });
 }
-export default complementaryAreaContext(ComplementaryAreaToggle);
 //# sourceMappingURL=index.js.map

package/build-module/components/complementary-area-toggle/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Button","useDispatch","useSelect","~~store~~","~~interfaceStore~~","~~complementaryAreaContext~~","jsx","_jsx","roleSupportsCheckedState","role","includes","ComplementaryAreaToggle","as","scope","identifier","icon","selectedIcon","name","shortcut","props","ComponentToUse","isSelected","select","getActiveComplementaryArea","enableComplementaryArea","disableComplementaryArea","replace","undefined","onClick"],"sources":["@wordpress/interface/src/components/complementary-area-toggle/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/\n Internal dependencies\n /\nimport { store as interfaceStore } from '../../store';\~~nimport complementaryAreaContext from '../complementary-area-context';\~~n\n/\n Whether the role supports checked state.\n \n @param {import('react').AriaRole} role Role.\n * @return {boolean} Whether the role supports checked state.\n * @see https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n */\nfunction roleSupportsCheckedState( role ) {\n\treturn [\n\t\t'checkbox',\n\t\t'option',\n\t\t'radio',\n\t\t'switch',\n\t\t'menuitemcheckbox',\n\t\t'menuitemradio',\n\t\t'treeitem',\n\t].includes( role );\n}\n\~~nfunction~~ ComplementaryAreaToggle( {\n\tas = Button,\n\tscope,\n\tidentifier,\n\ticon,\n\tselectedIcon,\n\tname,\n\tshortcut,\n\t...props\n} ) {\n\tconst ComponentToUse = as;\n\tconst isSelected = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( scope ) ===\n\t\t\tidentifier,\n\t\t[ identifier, scope ]\n\t);\n\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\n\treturn (\n\t\t<ComponentToUse\n\t\t\ticon={ selectedIcon && isSelected ? selectedIcon : icon }\n\t\t\taria-controls={ identifier.replace( '/', ':' ) }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\troleSupportsCheckedState( props.role ) ? isSelected : undefined\n\t\t\t}\n\t\t\tonClick={ () => {\n\t\t\t\tif ( isSelected ) {\n\t\t\t\t\tdisableComplementaryArea( scope );\n\t\t\t\t} else {\n\t\t\t\t\tenableComplementaryArea( scope, identifier );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tshortcut={ shortcut }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n~~\nexport default complementaryAreaContext( ComplementaryAreaToggle );\n~~"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;;~~AAExD~~;AACA;AACA;AACA,SAASC,KAAK,IAAIC,cAAc,QAAQ,aAAa~~;AACrD,OAAOC,wBAAwB,MAAM,+BAA+B~~;;~~AAEpE~~;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,SAASC,wBAAwBA,CAAEC,IAAI,EAAG;EACzC,OAAO,CACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,UAAU,CACV,CAACC,QAAQ,CAAED,IAAK,CAAC;AACnB;AAEA,SAASE,uBAAuBA,CAAE;~~EACjCC~~,EAAE,GAAGZ,MAAM;EACXa,KAAK;EACLC,UAAU;~~EACVC~~,IAAI;~~EACJC~~,YAAY;EACZC,IAAI;EACJC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,cAAc,~~GAAGR~~,EAAE;EACzB,~~MAAMS~~,UAAU,~~GAAGnB~~,SAAS,~~CACzBoB~~,MAAM,IACPA,MAAM,~~CAAElB~~,cAAe,CAAC,~~CAACmB~~,0BAA0B,~~CAAEV~~,KAAM,CAAC,KAC5DC,UAAU,EACX,CAAEA,UAAU,EAAED,KAAK,CACpB,CAAC;EAED,MAAM;~~IAAEW~~,uBAAuB;IAAEC;EAAyB,CAAC,~~GAC1DxB~~,WAAW,~~CAAEG~~,cAAe,CAAC;EAE9B,~~oBACCG~~,IAAA,~~CAACa~~,cAAc;~~IACdL~~,IAAI,~~EAAGC~~,YAAY,~~IAAIK~~,UAAU,~~GAAGL~~,YAAY,~~GAAGD~~,IAAM;IACzD,~~iBAAgBD~~,UAAU,~~CAACY~~,OAAO,CAAE,GAAG,EAAE,GAAI;IAC7C;IAAA;IACA,~~gBACClB~~,wBAAwB,~~CAAEW~~,KAAK,~~CAACV~~,IAAK,CAAC,~~GAAGY~~,UAAU,GAAGM,SACtD;IACDC,OAAO,EAAGA,CAAA,KAAM;MACf,IAAKP,UAAU,EAAG;QACjBI,wBAAwB,~~CAAEZ~~,KAAM,CAAC;MAClC,CAAC,MAAM;~~QACNW~~,uBAAuB,~~CAAEX~~,KAAK,EAAEC,UAAW,CAAC;MAC7C;IACD,CAAG;~~IACHI~~,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ~~;AAEA,eAAed,wBAAwB,CAAEM,uBAAwB,CAAC~~","ignoreList":[]}
1	+ {"version":3,"names":["Button","useDispatch","useSelect","usePluginContext","store","interfaceStore","jsx","_jsx","roleSupportsCheckedState","role","includes","ComplementaryAreaToggle","as","scope","identifier","identifierProp","icon","iconProp","selectedIcon","name","shortcut","props","ComponentToUse","context","isSelected","select","getActiveComplementaryArea","enableComplementaryArea","disableComplementaryArea","replace","undefined","onClick"],"sources":["@wordpress/interface/src/components/complementary-area-toggle/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { usePluginContext } from '@wordpress/plugins';\n\n/\n Internal dependencies\n /\nimport { store as interfaceStore } from '../../store';\n\n/\n Whether the role supports checked state.\n \n @param {import('react').AriaRole} role Role.\n * @return {boolean} Whether the role supports checked state.\n * @see https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n */\nfunction roleSupportsCheckedState( role ) {\n\treturn [\n\t\t'checkbox',\n\t\t'option',\n\t\t'radio',\n\t\t'switch',\n\t\t'menuitemcheckbox',\n\t\t'menuitemradio',\n\t\t'treeitem',\n\t].includes( role );\n}\n\nexport default function ComplementaryAreaToggle( {\n\tas = Button,\n\tscope,\n\tidentifier: identifierProp,\n\ticon: iconProp,\n\tselectedIcon,\n\tname,\n\tshortcut,\n\t...props\n} ) {\n\tconst ComponentToUse = as;\n\tconst context = usePluginContext();\n\tconst icon = iconProp \|\| context.icon;\n\tconst identifier = identifierProp \|\| `${ context.name }/${ name }`;\n\tconst isSelected = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( scope ) ===\n\t\t\tidentifier,\n\t\t[ identifier, scope ]\n\t);\n\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\n\treturn (\n\t\t<ComponentToUse\n\t\t\ticon={ selectedIcon && isSelected ? selectedIcon : icon }\n\t\t\taria-controls={ identifier.replace( '/', ':' ) }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\troleSupportsCheckedState( props.role ) ? isSelected : undefined\n\t\t\t}\n\t\t\tonClick={ () => {\n\t\t\t\tif ( isSelected ) {\n\t\t\t\t\tdisableComplementaryArea( scope );\n\t\t\t\t} else {\n\t\t\t\t\tenableComplementaryArea( scope, identifier );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tshortcut={ shortcut }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,cAAc,QAAQ,aAAa;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,SAASC,wBAAwBA,CAAEC,IAAI,EAAG;EACzC,OAAO,CACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,UAAU,CACV,CAACC,QAAQ,CAAED,IAAK,CAAC;AACnB;AAEA,eAAe,SAASE,uBAAuBA,CAAE;EAChDC,EAAE,GAAGZ,MAAM;EACXa,KAAK;EACLC,UAAU,EAAEC,cAAc;EAC1BC,IAAI,EAAEC,QAAQ;EACdC,YAAY;EACZC,IAAI;EACJC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGV,EAAE;EACzB,MAAMW,OAAO,GAAGpB,gBAAgB,CAAC,CAAC;EAClC,MAAMa,IAAI,GAAGC,QAAQ,IAAIM,OAAO,CAACP,IAAI;EACrC,MAAMF,UAAU,GAAGC,cAAc,IAAI,GAAIQ,OAAO,CAACJ,IAAI,IAAMA,IAAI,EAAG;EAClE,MAAMK,UAAU,GAAGtB,SAAS,CACzBuB,MAAM,IACPA,MAAM,CAAEpB,cAAe,CAAC,CAACqB,0BAA0B,CAAEb,KAAM,CAAC,KAC5DC,UAAU,EACX,CAAEA,UAAU,EAAED,KAAK,CACpB,CAAC;EAED,MAAM;IAAEc,uBAAuB;IAAEC;EAAyB,CAAC,GAC1D3B,WAAW,CAAEI,cAAe,CAAC;EAE9B,oBACCE,IAAA,CAACe,cAAc;IACdN,IAAI,EAAGE,YAAY,IAAIM,UAAU,GAAGN,YAAY,GAAGF,IAAM;IACzD,iBAAgBF,UAAU,CAACe,OAAO,CAAE,GAAG,EAAE,GAAI;IAC7C;IAAA;IACA,gBACCrB,wBAAwB,CAAEa,KAAK,CAACZ,IAAK,CAAC,GAAGe,UAAU,GAAGM,SACtD;IACDC,OAAO,EAAGA,CAAA,KAAM;MACf,IAAKP,UAAU,EAAG;QACjBI,wBAAwB,CAAEf,KAAM,CAAC;MAClC,CAAC,MAAM;QACNc,uBAAuB,CAAEd,KAAK,EAAEC,UAAW,CAAC;MAC7C;IACD,CAAG;IACHM,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/interface-skeleton/index.js CHANGED Viewed

@@ -7,16 +7,15 @@ import clsx from 'clsx';
  * WordPress dependencies
  */
 import { forwardRef, useEffect } from '@wordpress/element';
-import { __unstableUseNavigateRegions as useNavigateRegions, __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence } from '@wordpress/components';
+import { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence } from '@wordpress/components';
 import { __, _x } from '@wordpress/i18n';
-import { useMergeRefs, useReducedMotion, useViewportMatch, useResizeObserver } from '@wordpress/compose';
+import { useReducedMotion, useViewportMatch, useResizeObserver } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
 import NavigableRegion from '../navigable-region';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ANIMATION_DURATION = 0.25;
 const commonTransition = {
   type: 'tween',
@@ -77,11 +76,7 @@ function InterfaceSkeleton({
   content,
   actions,
   labels,
-  className,
-  enableRegionNavigation = true,
-  // Todo: does this need to be a prop.
-  // Can we use a dependency to keyboard-shortcuts directly?
-  shortcuts
+  className
 }, ref) {
   const [secondarySidebarResizeListener, secondarySidebarSize] = useResizeObserver();
   const isMobileViewport = useViewportMatch('medium', '<');
@@ -91,7 +86,6 @@ function InterfaceSkeleton({
     duration: disableMotion ? 0 : ANIMATION_DURATION,
     ease: [0.6, 0, 0.4, 1]
   };
-  const navigateRegionsProps = useNavigateRegions(shortcuts);
   useHTMLClass('interface-interface-skeleton__html-container');
   const defaultLabels = {
     /* translators: accessibility text for the top bar landmark region. */
@@ -101,7 +95,7 @@ function InterfaceSkeleton({
     /* translators: accessibility text for the secondary sidebar landmark region. */
     secondarySidebar: __('Block Library'),
     /* translators: accessibility text for the settings landmark region. */
-    sidebar: __('Settings'),
+    sidebar: _x('Settings', 'settings landmark area'),
     /* translators: accessibility text for the publish landmark region. */
     actions: __('Publish'),
     /* translators: accessibility text for the footer landmark region. */
@@ -112,9 +106,8 @@ function InterfaceSkeleton({
     ...labels
   };
   return /*#__PURE__*/_jsxs("div", {
-    ...(enableRegionNavigation ? navigateRegionsProps : {}),
-    ref: useMergeRefs([ref, enableRegionNavigation ? navigateRegionsProps.ref : undefined]),
-    className: clsx(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer'),
+    ref: ref,
+    className: clsx(className, 'interface-interface-skeleton', !!footer && 'has-footer'),
     children: [/*#__PURE__*/_jsxs("div", {
       className: "interface-interface-skeleton__editor",
       children: [/*#__PURE__*/_jsx(AnimatePresence, {

package/build-module/components/interface-skeleton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","forwardRef","useEffect","__unstableUseNavigateRegions","useNavigateRegions","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__","_x","useMergeRefs","useReducedMotion","useViewportMatch","useResizeObserver","NavigableRegion","jsx","_jsx","jsxs","_jsxs","ANIMATION_DURATION","commonTransition","type","duration","ease","useHTMLClass","className","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","marginTop","visible","distractionFreeHover","transition","delay","delayChildren","distractionFreeHidden","distractionFreeDisabled","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","content","actions","labels","enableRegionNavigation","shortcuts","ref","secondarySidebarResizeListener","secondarySidebarSize","isMobileViewport","disableMotion","defaultTransition","navigateRegionsProps","defaultLabels","body","mergedLabels","undefined","children","initial","as","div","whileHover","animate","exit","variants","ariaLabel","open","width","closed","style","position","height","left","x"],"sources":["@wordpress/interface/src/components/interface-skeleton/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\t__unstableUseNavigateRegions as useNavigateRegions,\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseMergeRefs,\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport NavigableRegion from '../navigable-region';\n\nconst ANIMATION_DURATION = 0.25;\nconst commonTransition = {\n\ttype: 'tween',\n\tduration: ANIMATION_DURATION,\n\tease: [ 0.6, 0, 0.4, 1 ],\n};\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: 1, marginTop: -60 },\n\tvisible: { opacity: 1, marginTop: 0 },\n\tdistractionFreeHover: {\n\t\topacity: 1,\n\t\tmarginTop: 0,\n\t\ttransition: {\n\t\t\t...commonTransition,\n\t\t\tdelay: 0.2,\n\t\t\tdelayChildren: 0.2,\n\t\t},\n\t},\n\tdistractionFreeHidden: {\n\t\topacity: 0,\n\t\tmarginTop: -60,\n\t},\n\tdistractionFreeDisabled: {\n\t\topacity: 0,\n\t\tmarginTop: 0,\n\t\ttransition: {\n\t\t\t...commonTransition,\n\t\t\tdelay: 0.8,\n\t\t\tdelayChildren: 0.8,\n\t\t},\n\t},\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\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 [ secondarySidebarResizeListener, secondarySidebarSize ] =\n\t\tuseResizeObserver();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst disableMotion = useReducedMotion();\n\tconst defaultTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\n\tconst navigateRegionsProps = useNavigateRegions( shortcuts );\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={ clsx(\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<AnimatePresence initial={ false }>\n\t\t\t\t\t{ !! header && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__header\"\n\t\t\t\t\t\t\taria-label={ mergedLabels.header }\n\t\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHidden'\n\t\t\t\t\t\t\t\t\t: 'hidden'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHover'\n\t\t\t\t\t\t\t\t\t: 'visible'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeDisabled'\n\t\t\t\t\t\t\t\t\t: 'visible'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\texit={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHidden'\n\t\t\t\t\t\t\t\t\t: 'hidden'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariants={ headerVariants }\n\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ header }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\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<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ !! secondarySidebar && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__secondary-sidebar\"\n\t\t\t\t\t\t\t\tariaLabel={ mergedLabels.secondarySidebar }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tinitial=\"closed\"\n\t\t\t\t\t\t\t\tanimate=\"open\"\n\t\t\t\t\t\t\t\texit=\"closed\"\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\topen: { width: secondarySidebarSize.width },\n\t\t\t\t\t\t\t\t\tclosed: { width: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\t\twidth: isMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t? '100vw'\n\t\t\t\t\t\t\t\t\t\t\t: 'fit-content',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\t\topen: { x: 0 },\n\t\t\t\t\t\t\t\t\t\tclosed: { x: '-100%' },\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ secondarySidebarResizeListener }\n\t\t\t\t\t\t\t\t\t{ secondarySidebar }\n\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\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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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","forwardRef","useEffect","__unstableMotion","motion","__unstableAnimatePresence","AnimatePresence","__","_x","useReducedMotion","useViewportMatch","useResizeObserver","NavigableRegion","jsx","_jsx","jsxs","_jsxs","ANIMATION_DURATION","commonTransition","type","duration","ease","useHTMLClass","className","element","document","querySelector","classList","toggle","headerVariants","hidden","opacity","marginTop","visible","distractionFreeHover","transition","delay","delayChildren","distractionFreeHidden","distractionFreeDisabled","InterfaceSkeleton","isDistractionFree","footer","header","editorNotices","sidebar","secondarySidebar","content","actions","labels","ref","secondarySidebarResizeListener","secondarySidebarSize","isMobileViewport","disableMotion","defaultTransition","defaultLabels","body","mergedLabels","children","initial","as","div","whileHover","animate","exit","variants","ariaLabel","open","width","closed","style","position","height","left","x"],"sources":["@wordpress/interface/src/components/interface-skeleton/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n} from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport NavigableRegion from '../navigable-region';\n\nconst ANIMATION_DURATION = 0.25;\nconst commonTransition = {\n\ttype: 'tween',\n\tduration: ANIMATION_DURATION,\n\tease: [ 0.6, 0, 0.4, 1 ],\n};\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: 1, marginTop: -60 },\n\tvisible: { opacity: 1, marginTop: 0 },\n\tdistractionFreeHover: {\n\t\topacity: 1,\n\t\tmarginTop: 0,\n\t\ttransition: {\n\t\t\t...commonTransition,\n\t\t\tdelay: 0.2,\n\t\t\tdelayChildren: 0.2,\n\t\t},\n\t},\n\tdistractionFreeHidden: {\n\t\topacity: 0,\n\t\tmarginTop: -60,\n\t},\n\tdistractionFreeDisabled: {\n\t\topacity: 0,\n\t\tmarginTop: 0,\n\t\ttransition: {\n\t\t\t...commonTransition,\n\t\t\tdelay: 0.8,\n\t\t\tdelayChildren: 0.8,\n\t\t},\n\t},\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\tcontent,\n\t\tactions,\n\t\tlabels,\n\t\tclassName,\n\t},\n\tref\n) {\n\tconst [ secondarySidebarResizeListener, secondarySidebarSize ] =\n\t\tuseResizeObserver();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst disableMotion = useReducedMotion();\n\tconst defaultTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : ANIMATION_DURATION,\n\t\tease: [ 0.6, 0, 0.4, 1 ],\n\t};\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: _x( 'Settings', 'settings landmark area' ),\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\tref={ ref }\n\t\t\tclassName={ clsx(\n\t\t\t\tclassName,\n\t\t\t\t'interface-interface-skeleton',\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<AnimatePresence initial={ false }>\n\t\t\t\t\t{ !! header && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__header\"\n\t\t\t\t\t\t\taria-label={ mergedLabels.header }\n\t\t\t\t\t\t\tinitial={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHidden'\n\t\t\t\t\t\t\t\t\t: 'hidden'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\twhileHover={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHover'\n\t\t\t\t\t\t\t\t\t: 'visible'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeDisabled'\n\t\t\t\t\t\t\t\t\t: 'visible'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\texit={\n\t\t\t\t\t\t\t\tisDistractionFree && ! isMobileViewport\n\t\t\t\t\t\t\t\t\t? 'distractionFreeHidden'\n\t\t\t\t\t\t\t\t\t: 'hidden'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariants={ headerVariants }\n\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ header }\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\t\t\t\t</AnimatePresence>\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<AnimatePresence initial={ false }>\n\t\t\t\t\t\t{ !! secondarySidebar && (\n\t\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\t\tclassName=\"interface-interface-skeleton__secondary-sidebar\"\n\t\t\t\t\t\t\t\tariaLabel={ mergedLabels.secondarySidebar }\n\t\t\t\t\t\t\t\tas={ motion.div }\n\t\t\t\t\t\t\t\tinitial=\"closed\"\n\t\t\t\t\t\t\t\tanimate=\"open\"\n\t\t\t\t\t\t\t\texit=\"closed\"\n\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\topen: { width: secondarySidebarSize.width },\n\t\t\t\t\t\t\t\t\tclosed: { width: 0 },\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\t\t\t\t\twidth: isMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t? '100vw'\n\t\t\t\t\t\t\t\t\t\t\t: 'fit-content',\n\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tvariants={ {\n\t\t\t\t\t\t\t\t\t\topen: { x: 0 },\n\t\t\t\t\t\t\t\t\t\tclosed: { x: '-100%' },\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\ttransition={ defaultTransition }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ secondarySidebarResizeListener }\n\t\t\t\t\t\t\t\t\t{ secondarySidebar }\n\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</AnimatePresence>\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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","ignoreList":[]}

package/build-module/components/navigable-region/index.js CHANGED Viewed

@@ -1,16 +1,22 @@
+/**
+ * WordPress dependencies
+ */
+import { forwardRef } from '@wordpress/element';
 /**
  * External dependencies
  */
 import clsx from 'clsx';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default function NavigableRegion({
+const NavigableRegion = forwardRef(({
   children,
   className,
   ariaLabel,
   as: Tag = 'div',
   ...props
-}) {
+}, ref) => {
   return /*#__PURE__*/_jsx(Tag, {
+    ref: ref,
     className: clsx('interface-navigable-region', className),
     "aria-label": ariaLabel,
     role: "region",
@@ -18,5 +24,7 @@ export default function NavigableRegion({
     ...props,
     children: children
   });
-}
+});
+NavigableRegion.displayName = 'NavigableRegion';
+export default NavigableRegion;
 //# sourceMappingURL=index.js.map

package/build-module/components/navigable-region/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","jsx","_jsx","NavigableRegion","children","className","ariaLabel","as","Tag","props","role","tabIndex"],"sources":["@wordpress/interface/src/components/navigable-region/index.js"],"sourcesContent":["/*\n External dependencies\n */\nimport clsx from 'clsx';\n\~~nexport~~ ~~default~~ ~~function~~ ~~NavigableRegion~~( {\n\~~tchildren,\n\tclassName,\n\tariaLabel,\n\tas~~: Tag = 'div'~~,\n\t~~...props\n} ) {\n\treturn (\n\t\t<Tag\n\t\t\tclassName={ clsx( 'interface-navigable-region', className ) }\n\t\t\taria-label={ ariaLabel }\n\t\t\trole=\"region\"\n\t\t\ttabIndex=\"-1\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children }\n\t\t</Tag>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,~~OAAOA~~,IAAI,MAAM,MAAM;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExB,eAAe,~~SAASC~~,~~eAAeA~~,CAAE;~~EACxCC~~,QAAQ;~~EACRC~~,SAAS;~~EACTC~~,SAAS;~~EACTC~~,EAAE,EAAEC,GAAG,GAAG,KAAK;~~EACf~~,GAAGC;~~AACJ~~,CAAC,~~EAAG~~;~~EACH~~,~~oBACCP~~,IAAA,CAACM,GAAG;~~IACHH~~,SAAS,EAAGL,IAAI,CAAE,4BAA4B,EAAEK,SAAU,CAAG;IAC7D,cAAaC,SAAW;~~IACxBI~~,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAC,IAAI;IAAA,~~GACRF~~,KAAK;IAAAL,QAAA,EAERA;EAAQ,CACN,CAAC;AAER","ignoreList":[]}
1	+ {"version":3,"names":["forwardRef","clsx","jsx","_jsx","NavigableRegion","children","className","ariaLabel","as","Tag","props","ref","role","tabIndex","displayName"],"sources":["@wordpress/interface/src/components/navigable-region/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n External dependencies\n */\nimport clsx from 'clsx';\n\nconst NavigableRegion = forwardRef(\n\t( { children, className, ariaLabel, as: Tag = 'div', ...props }, ref ) => {\n\t\treturn (\n\t\t\t<Tag\n\t\t\t\tref={ ref }\n\t\t\t\tclassName={ clsx( 'interface-navigable-region', className ) }\n\t\t\t\taria-label={ ariaLabel }\n\t\t\t\trole=\"region\"\n\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t{ ...props }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</Tag>\n\t\t);\n\t}\n);\n\nNavigableRegion.displayName = 'NavigableRegion';\nexport default NavigableRegion;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,IAAI,MAAM,MAAM;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExB,MAAMC,eAAe,GAAGJ,UAAU,CACjC,CAAE;EAAEK,QAAQ;EAAEC,SAAS;EAAEC,SAAS;EAAEC,EAAE,EAAEC,GAAG,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAM;EACzE,oBACCR,IAAA,CAACM,GAAG;IACHE,GAAG,EAAGA,GAAK;IACXL,SAAS,EAAGL,IAAI,CAAE,4BAA4B,EAAEK,SAAU,CAAG;IAC7D,cAAaC,SAAW;IACxBK,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAC,IAAI;IAAA,GACRH,KAAK;IAAAL,QAAA,EAERA;EAAQ,CACN,CAAC;AAER,CACD,CAAC;AAEDD,eAAe,CAACU,WAAW,GAAG,iBAAiB;AAC/C,eAAeV,eAAe","ignoreList":[]}

package/build-module/components/pinned-items/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","Slot","Fill","jsx","_jsx","PinnedItems","scope","props","name","PinnedItemsSlot","className","children","fills","length"],"sources":["@wordpress/interface/src/components/pinned-items/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n */\nimport { Slot, Fill } from '@wordpress/components';\n\nfunction PinnedItems( { scope, ...props } ) {\n\treturn <Fill name={ `PinnedItems/${ scope }` } { ...props } />;\n}\n\nfunction PinnedItemsSlot( { scope, className, ...props } ) {\n\treturn (\n\t\t<Slot name={ `PinnedItems/${ scope }` } { ...props }>\n\t\t\t{ ( fills ) =>\n\t\t\t\tfills?.length > 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'interface-pinned-items'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t</Slot>\n\t);\n}\n\nPinnedItems.Slot = PinnedItemsSlot;\n\nexport default PinnedItems;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,IAAI,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,SAASC,WAAWA,CAAE;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC3C,oBAAOH,IAAA,CAACF,IAAI;IAACM,IAAI,~~EAAI~~,~~eAAeF~~,~~KAAO~~,~~EAAG~~;IAAA,GAAMC;EAAK,CAAI,CAAC;AAC/D;AAEA,SAASE,eAAeA,CAAE;EAAEH,KAAK;EAAEI,SAAS;EAAE,GAAGH;AAAM,CAAC,EAAG;EAC1D,oBACCH,IAAA,CAACH,IAAI;IAACO,IAAI,~~EAAI~~,~~eAAeF~~,~~KAAO~~,~~EAAG~~;IAAA,GAAMC,KAAK;IAAAI,QAAA,EAC7CC,KAAK,IACRA,KAAK,EAAEC,MAAM,GAAG,CAAC,iBAChBT,IAAA;MACCM,SAAS,EAAGV,IAAI,CACfU,SAAS,EACT,wBACD,CAAG;MAAAC,QAAA,EAEDC;IAAK,CACH;EACL,CAEG,CAAC;AAET;AAEAP,WAAW,CAACJ,IAAI,GAAGQ,eAAe;AAElC,eAAeJ,WAAW","ignoreList":[]}
1	+ {"version":3,"names":["clsx","Slot","Fill","jsx","_jsx","PinnedItems","scope","props","name","PinnedItemsSlot","className","children","fills","length"],"sources":["@wordpress/interface/src/components/pinned-items/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n */\nimport { Slot, Fill } from '@wordpress/components';\n\nfunction PinnedItems( { scope, ...props } ) {\n\treturn <Fill name={ `PinnedItems/${ scope }` } { ...props } />;\n}\n\nfunction PinnedItemsSlot( { scope, className, ...props } ) {\n\treturn (\n\t\t<Slot name={ `PinnedItems/${ scope }` } { ...props }>\n\t\t\t{ ( fills ) =>\n\t\t\t\tfills?.length > 0 && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'interface-pinned-items'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ fills }\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t</Slot>\n\t);\n}\n\nPinnedItems.Slot = PinnedItemsSlot;\n\nexport default PinnedItems;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,IAAI,EAAEC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,SAASC,WAAWA,CAAE;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC3C,oBAAOH,IAAA,CAACF,IAAI;IAACM,IAAI,EAAG,eAAgBF,KAAK,EAAK;IAAA,GAAMC;EAAK,CAAI,CAAC;AAC/D;AAEA,SAASE,eAAeA,CAAE;EAAEH,KAAK;EAAEI,SAAS;EAAE,GAAGH;AAAM,CAAC,EAAG;EAC1D,oBACCH,IAAA,CAACH,IAAI;IAACO,IAAI,EAAG,eAAgBF,KAAK,EAAK;IAAA,GAAMC,KAAK;IAAAI,QAAA,EAC7CC,KAAK,IACRA,KAAK,EAAEC,MAAM,GAAG,CAAC,iBAChBT,IAAA;MACCM,SAAS,EAAGV,IAAI,CACfU,SAAS,EACT,wBACD,CAAG;MAAAC,QAAA,EAEDC;IAAK,CACH;EACL,CAEG,CAAC;AAET;AAEAP,WAAW,CAACJ,IAAI,GAAGQ,eAAe;AAElC,eAAeJ,WAAW","ignoreList":[]}

package/build-module/store/actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["deprecated","store","preferencesStore","normalizeComplementaryAreaScope","normalizeComplementaryAreaName","setDefaultComplementaryArea","scope","area","type","enableComplementaryArea","registry","dispatch","isComplementaryAreaVisible","select","get","set","disableComplementaryArea","pinItem","item","pinnedItems","unpinItem","toggleFeature","featureName","since","alternative","toggle","setFeatureValue","value","setFeatureDefaults","defaults","setDefaults","openModal","name","closeModal"],"sources":["@wordpress/interface/src/store/actions.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport {\n\tnormalizeComplementaryAreaScope,\n\tnormalizeComplementaryAreaName,\n} from './deprecated';\n\n/\n Set a default complementary area.\n \n @param {string} scope Complementary area scope.\n * @param {string} area Area identifier.\n \n @return {Object} Action object.\n /\nexport const setDefaultComplementaryArea = ( scope, area ) => {\n\tscope = normalizeComplementaryAreaScope( scope );\n\tarea = normalizeComplementaryAreaName( scope, area );\n\treturn {\n\t\ttype: 'SET_DEFAULT_COMPLEMENTARY_AREA',\n\t\tscope,\n\t\tarea,\n\t};\n};\n\n/\n Enable the complementary area.\n \n @param {string} scope Complementary area scope.\n * @param {string} area Area identifier.\n /\nexport const enableComplementaryArea =\n\t( scope, area ) =>\n\t( { registry, dispatch } ) => {\n\t\t// Return early if there's no area.\n\t\tif ( ! area ) {\n\t\t\treturn;\n\t\t}\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tarea = normalizeComplementaryAreaName( scope, area );\n\n\t\tconst isComplementaryAreaVisible = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'isComplementaryAreaVisible' );\n\n\t\tif ( ! isComplementaryAreaVisible ) {\n\t\t\tregistry\n\t\t\t\t.dispatch( preferencesStore )\n\t\t\t\t.set( scope, 'isComplementaryAreaVisible', true );\n\t\t}\n\n\t\tdispatch( {\n\t\t\ttype: 'ENABLE_COMPLEMENTARY_AREA',\n\t\t\tscope,\n\t\t\tarea,\n\t\t} );\n\t};\n\n/\n Disable the complementary area.\n \n @param {string} scope Complementary area scope.\n /\nexport const disableComplementaryArea =\n\t( scope ) =>\n\t( { registry } ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tconst isComplementaryAreaVisible = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'isComplementaryAreaVisible' );\n\n\t\tif ( isComplementaryAreaVisible ) {\n\t\t\tregistry\n\t\t\t\t.dispatch( preferencesStore )\n\t\t\t\t.set( scope, 'isComplementaryAreaVisible', false );\n\t\t}\n\t};\n\n/\n Pins an item.\n \n @param {string} scope Item scope.\n * @param {string} item Item identifier.\n \n @return {Object} Action object.\n /\nexport const pinItem =\n\t( scope, item ) =>\n\t( { registry } ) => {\n\t\t// Return early if there's no item.\n\t\tif ( ! item ) {\n\t\t\treturn;\n\t\t}\n\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\titem = normalizeComplementaryAreaName( scope, item );\n\t\tconst pinnedItems = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'pinnedItems' );\n\n\t\t// The item is already pinned, there's nothing to do.\n\t\tif ( pinnedItems?.[ item ] === true ) {\n\t\t\treturn;\n\t\t}\n\n\t\tregistry.dispatch( preferencesStore ).set( scope, 'pinnedItems', {\n\t\t\t...pinnedItems,\n\t\t\t[ item ]: true,\n\t\t} );\n\t};\n\n/\n Unpins an item.\n \n @param {string} scope Item scope.\n * @param {string} item Item identifier.\n /\nexport const unpinItem =\n\t( scope, item ) =>\n\t( { registry } ) => {\n\t\t// Return early if there's no item.\n\t\tif ( ! item ) {\n\t\t\treturn;\n\t\t}\n\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\titem = normalizeComplementaryAreaName( scope, item );\n\t\tconst pinnedItems = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'pinnedItems' );\n\n\t\tregistry.dispatch( preferencesStore ).set( scope, 'pinnedItems', {\n\t\t\t...pinnedItems,\n\t\t\t[ item ]: false,\n\t\t} );\n\t};\n\n/\n Returns an action object used in signalling that a feature should be toggled.\n \n @param {string} scope The feature scope (e.g. core/edit-post).\n * @param {string} featureName The feature name.\n /\nexport function toggleFeature( scope, featureName ) {\n\treturn function ( { registry } ) {\n\t\tdeprecated( `dispatch( 'core/interface' ).toggleFeature`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `dispatch( 'core/preferences' ).toggle`,\n\t\t} );\n\n\t\tregistry.dispatch( preferencesStore ).toggle( scope, featureName );\n\t};\n}\n\n/\n Returns an action object used in signalling that a feature should be set to\n * a true or false value\n \n @param {string} scope The feature scope (e.g. core/edit-post).\n * @param {string} featureName The feature name.\n * @param {boolean} value The value to set.\n \n @return {Object} Action object.\n /\nexport function setFeatureValue( scope, featureName, value ) {\n\treturn function ( { registry } ) {\n\t\tdeprecated( `dispatch( 'core/interface' ).setFeatureValue`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `dispatch( 'core/preferences' ).set`,\n\t\t} );\n\n\t\tregistry\n\t\t\t.dispatch( preferencesStore )\n\t\t\t.set( scope, featureName, !! value );\n\t};\n}\n\n/\n Returns an action object used in signalling that defaults should be set for features.\n \n @param {string} scope The feature scope (e.g. core/edit-post).\n * @param {Object<string, boolean>} defaults A key/value map of feature names to values.\n \n @return {Object} Action object.\n /\nexport function setFeatureDefaults( scope, defaults ) {\n\treturn function ( { registry } ) {\n\t\tdeprecated( `dispatch( 'core/interface' ).setFeatureDefaults`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `dispatch( 'core/preferences' ).setDefaults`,\n\t\t} );\n\n\t\tregistry.dispatch( preferencesStore ).setDefaults( scope, defaults );\n\t};\n}\n\n/\n Returns an action object used in signalling that the user opened a modal.\n \n @param {string} name A string that uniquely identifies the modal.\n \n @return {Object} Action object.\n /\nexport function openModal( name ) {\n\treturn {\n\t\ttype: 'OPEN_MODAL',\n\t\tname,\n\t};\n}\n\n/\n Returns an action object signalling that the user closed a modal.\n \n @return {Object} Action object.\n */\nexport function closeModal() {\n\treturn {\n\t\ttype: 'CLOSE_MODAL',\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["deprecated","store","preferencesStore","normalizeComplementaryAreaScope","normalizeComplementaryAreaName","setDefaultComplementaryArea","scope","area","type","enableComplementaryArea","registry","dispatch","isComplementaryAreaVisible","select","get","set","disableComplementaryArea","pinItem","item","pinnedItems","unpinItem","toggleFeature","featureName","since","alternative","toggle","setFeatureValue","value","setFeatureDefaults","defaults","setDefaults","openModal","name","closeModal"],"sources":["@wordpress/interface/src/store/actions.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/\n Internal dependencies\n /\nimport {\n\tnormalizeComplementaryAreaScope,\n\tnormalizeComplementaryAreaName,\n} from './deprecated';\n\n/\n Set a default complementary area.\n \n @param {string} scope Complementary area scope.\n * @param {string} area Area identifier.\n \n @return {Object} Action object.\n /\nexport const setDefaultComplementaryArea = ( scope, area ) => {\n\tscope = normalizeComplementaryAreaScope( scope );\n\tarea = normalizeComplementaryAreaName( scope, area );\n\treturn {\n\t\ttype: 'SET_DEFAULT_COMPLEMENTARY_AREA',\n\t\tscope,\n\t\tarea,\n\t};\n};\n\n/\n Enable the complementary area.\n \n @param {string} scope Complementary area scope.\n * @param {string} area Area identifier.\n /\nexport const enableComplementaryArea =\n\t( scope, area ) =>\n\t( { registry, dispatch } ) => {\n\t\t// Return early if there's no area.\n\t\tif ( ! area ) {\n\t\t\treturn;\n\t\t}\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tarea = normalizeComplementaryAreaName( scope, area );\n\n\t\tconst isComplementaryAreaVisible = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'isComplementaryAreaVisible' );\n\n\t\tif ( ! isComplementaryAreaVisible ) {\n\t\t\tregistry\n\t\t\t\t.dispatch( preferencesStore )\n\t\t\t\t.set( scope, 'isComplementaryAreaVisible', true );\n\t\t}\n\n\t\tdispatch( {\n\t\t\ttype: 'ENABLE_COMPLEMENTARY_AREA',\n\t\t\tscope,\n\t\t\tarea,\n\t\t} );\n\t};\n\n/\n Disable the complementary area.\n \n @param {string} scope Complementary area scope.\n /\nexport const disableComplementaryArea =\n\t( scope ) =>\n\t( { registry } ) => {\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\tconst isComplementaryAreaVisible = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'isComplementaryAreaVisible' );\n\n\t\tif ( isComplementaryAreaVisible ) {\n\t\t\tregistry\n\t\t\t\t.dispatch( preferencesStore )\n\t\t\t\t.set( scope, 'isComplementaryAreaVisible', false );\n\t\t}\n\t};\n\n/\n Pins an item.\n \n @param {string} scope Item scope.\n * @param {string} item Item identifier.\n \n @return {Object} Action object.\n /\nexport const pinItem =\n\t( scope, item ) =>\n\t( { registry } ) => {\n\t\t// Return early if there's no item.\n\t\tif ( ! item ) {\n\t\t\treturn;\n\t\t}\n\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\titem = normalizeComplementaryAreaName( scope, item );\n\t\tconst pinnedItems = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'pinnedItems' );\n\n\t\t// The item is already pinned, there's nothing to do.\n\t\tif ( pinnedItems?.[ item ] === true ) {\n\t\t\treturn;\n\t\t}\n\n\t\tregistry.dispatch( preferencesStore ).set( scope, 'pinnedItems', {\n\t\t\t...pinnedItems,\n\t\t\t[ item ]: true,\n\t\t} );\n\t};\n\n/\n Unpins an item.\n \n @param {string} scope Item scope.\n * @param {string} item Item identifier.\n /\nexport const unpinItem =\n\t( scope, item ) =>\n\t( { registry } ) => {\n\t\t// Return early if there's no item.\n\t\tif ( ! item ) {\n\t\t\treturn;\n\t\t}\n\n\t\tscope = normalizeComplementaryAreaScope( scope );\n\t\titem = normalizeComplementaryAreaName( scope, item );\n\t\tconst pinnedItems = registry\n\t\t\t.select( preferencesStore )\n\t\t\t.get( scope, 'pinnedItems' );\n\n\t\tregistry.dispatch( preferencesStore ).set( scope, 'pinnedItems', {\n\t\t\t...pinnedItems,\n\t\t\t[ item ]: false,\n\t\t} );\n\t};\n\n/\n Returns an action object used in signalling that a feature should be toggled.\n \n @param {string} scope The feature scope (e.g. core/edit-post).\n * @param {string} featureName The feature name.\n /\nexport function toggleFeature( scope, featureName ) {\n\treturn function ( { registry } ) {\n\t\tdeprecated( `dispatch( 'core/interface' ).toggleFeature`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `dispatch( 'core/preferences' ).toggle`,\n\t\t} );\n\n\t\tregistry.dispatch( preferencesStore ).toggle( scope, featureName );\n\t};\n}\n\n/\n Returns an action object used in signalling that a feature should be set to\n * a true or false value\n \n @param {string} scope The feature scope (e.g. core/edit-post).\n * @param {string} featureName The feature name.\n * @param {boolean} value The value to set.\n \n @return {Object} Action object.\n /\nexport function setFeatureValue( scope, featureName, value ) {\n\treturn function ( { registry } ) {\n\t\tdeprecated( `dispatch( 'core/interface' ).setFeatureValue`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `dispatch( 'core/preferences' ).set`,\n\t\t} );\n\n\t\tregistry\n\t\t\t.dispatch( preferencesStore )\n\t\t\t.set( scope, featureName, !! value );\n\t};\n}\n\n/\n Returns an action object used in signalling that defaults should be set for features.\n \n @param {string} scope The feature scope (e.g. core/edit-post).\n * @param {Object<string, boolean>} defaults A key/value map of feature names to values.\n \n @return {Object} Action object.\n /\nexport function setFeatureDefaults( scope, defaults ) {\n\treturn function ( { registry } ) {\n\t\tdeprecated( `dispatch( 'core/interface' ).setFeatureDefaults`, {\n\t\t\tsince: '6.0',\n\t\t\talternative: `dispatch( 'core/preferences' ).setDefaults`,\n\t\t} );\n\n\t\tregistry.dispatch( preferencesStore ).setDefaults( scope, defaults );\n\t};\n}\n\n/\n Returns an action object used in signalling that the user opened a modal.\n \n @param {string} name A string that uniquely identifies the modal.\n \n @return {Object} Action object.\n /\nexport function openModal( name ) {\n\treturn {\n\t\ttype: 'OPEN_MODAL',\n\t\tname,\n\t};\n}\n\n/\n Returns an action object signalling that the user closed a modal.\n \n @return {Object} Action object.\n */\nexport function closeModal() {\n\treturn {\n\t\ttype: 'CLOSE_MODAL',\n\t};\n}\n"],"mappings":"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","ignoreList":[]}