npm - @wordpress/preferences - Versions diffs - 4.8.6 → 4.10.0 - Mend

@wordpress/preferences 4.8.6 → 4.10.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 (19) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -2,6 +2,10 @@
 ## Unreleased
+## 4.10.0 (2024-10-16)
+## 4.9.0 (2024-10-03)
 ## 4.8.0 (2024-09-19)
 ## 4.7.0 (2024-09-05)

package/build/components/preference-toggle-menu-item/index.js CHANGED Viewed

@@ -37,11 +37,11 @@ function PreferenceToggleMenuItem({
   } = (0, _data.useDispatch)(_store.store);
   const speakMessage = () => {
     if (isActive) {
-      const message = messageDeactivated || (0, _i18n.sprintf)( /* translators: %s: preference name, e.g. 'Fullscreen mode' */
+      const message = messageDeactivated || (0, _i18n.sprintf)(/* translators: %s: preference name, e.g. 'Fullscreen mode' */
       (0, _i18n.__)('Preference deactivated - %s'), label);
       (0, _a11y.speak)(message);
     } else {
-      const message = messageActivated || (0, _i18n.sprintf)( /* translators: %s: preference name, e.g. 'Fullscreen mode' */
+      const message = messageActivated || (0, _i18n.sprintf)(/* translators: %s: preference name, e.g. 'Fullscreen mode' */
       (0, _i18n.__)('Preference activated - %s'), label);
       (0, _a11y.speak)(message);
     }

package/build/components/preference-toggle-menu-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_components","_i18n","_icons","_a11y","_store","_jsxRuntime","PreferenceToggleMenuItem","scope","name","label","info","messageActivated","messageDeactivated","shortcut","handleToggling","onToggle","disabled","isActive","useSelect","select","preferencesStore","get","toggle","useDispatch","speakMessage","message","sprintf","__","speak","jsx","MenuItem","icon","check","isSelected","onClick","role","children"],"sources":["@wordpress/preferences/src/components/preference-toggle-menu-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { MenuItem } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/\n Internal dependencies\n /\nimport { store as preferencesStore } from '../../store';\n\nexport default function PreferenceToggleMenuItem( {\n\tscope,\n\tname,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n\thandleToggling = true,\n\tonToggle = () => null,\n\tdisabled = false,\n} ) {\n\tconst isActive = useSelect(\n\t\t( select ) => !! select( preferencesStore ).get( scope, name ),\n\t\t[ scope, name ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tconst message =\n\t\t\t\tmessageDeactivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' /\n\t\t\t\t\t__( 'Preference deactivated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t} else {\n\t\t\tconst message =\n\t\t\t\tmessageActivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' */\n\t\t\t\t\t__( 'Preference activated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ () => {\n\t\t\t\tonToggle();\n\t\t\t\tif ( handleToggling ) {\n\t\t\t\t\ttoggle( scope, name );\n\t\t\t\t}\n\t\t\t\tspeakMessage();\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAZxD;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASO,wBAAwBA,CAAE;EACjDC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrBC,QAAQ,GAAGA,CAAA,KAAM,IAAI;EACrBC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,GAAG,CAAEd,KAAK,EAAEC,IAAK,CAAC,EAC9D,CAAED,KAAK,EAAEC,IAAI,CACd,CAAC;EACD,MAAM;IAAEc;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAClD,MAAMI,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAKP,QAAQ,EAAG;MACf,MAAMQ,OAAO,GACZb,kBAAkB,IAClB,IAAAc,aAAO,~~GACN~~;MACA,IAAAC,QAAE,EAAE,6BAA8B,CAAC,EACnClB,KACD,CAAC;MACF,IAAAmB,WAAK,EAAEH,OAAQ,CAAC;IACjB,CAAC,MAAM;MACN,MAAMA,OAAO,GACZd,gBAAgB,IAChB,IAAAe,aAAO,~~GACN~~;MACA,IAAAC,QAAE,EAAE,2BAA4B,CAAC,EACjClB,KACD,CAAC;MACF,IAAAmB,WAAK,EAAEH,OAAQ,CAAC;IACjB;EACD,CAAC;EAED,oBACC,IAAApB,WAAA,CAAAwB,GAAA,EAAC7B,WAAA,CAAA8B,QAAQ;IACRC,IAAI,EAAGd,QAAQ,IAAIe,YAAO;IAC1BC,UAAU,EAAGhB,QAAU;IACvBiB,OAAO,EAAGA,CAAA,KAAM;MACfnB,QAAQ,CAAC,CAAC;MACV,IAAKD,cAAc,EAAG;QACrBQ,MAAM,CAAEf,KAAK,EAAEC,IAAK,CAAC;MACtB;MACAgB,YAAY,CAAC,CAAC;IACf,CAAG;IACHW,IAAI,EAAC,kBAAkB;IACvBzB,IAAI,EAAGA,IAAM;IACbG,QAAQ,EAAGA,QAAU;IACrBG,QAAQ,EAAGA,QAAU;IAAAoB,QAAA,EAEnB3B;EAAK,CACE,CAAC;AAEb","ignoreList":[]}
1	+ {"version":3,"names":["_data","require","_components","_i18n","_icons","_a11y","_store","_jsxRuntime","PreferenceToggleMenuItem","scope","name","label","info","messageActivated","messageDeactivated","shortcut","handleToggling","onToggle","disabled","isActive","useSelect","select","preferencesStore","get","toggle","useDispatch","speakMessage","message","sprintf","__","speak","jsx","MenuItem","icon","check","isSelected","onClick","role","children"],"sources":["@wordpress/preferences/src/components/preference-toggle-menu-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { MenuItem } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/\n Internal dependencies\n /\nimport { store as preferencesStore } from '../../store';\n\nexport default function PreferenceToggleMenuItem( {\n\tscope,\n\tname,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n\thandleToggling = true,\n\tonToggle = () => null,\n\tdisabled = false,\n} ) {\n\tconst isActive = useSelect(\n\t\t( select ) => !! select( preferencesStore ).get( scope, name ),\n\t\t[ scope, name ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tconst message =\n\t\t\t\tmessageDeactivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' /\n\t\t\t\t\t__( 'Preference deactivated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t} else {\n\t\t\tconst message =\n\t\t\t\tmessageActivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' */\n\t\t\t\t\t__( 'Preference activated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ () => {\n\t\t\t\tonToggle();\n\t\t\t\tif ( handleToggling ) {\n\t\t\t\t\ttoggle( scope, name );\n\t\t\t\t}\n\t\t\t\tspeakMessage();\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAZxD;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASO,wBAAwBA,CAAE;EACjDC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrBC,QAAQ,GAAGA,CAAA,KAAM,IAAI;EACrBC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAG,IAAAC,eAAS,EACvBC,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEC,YAAiB,CAAC,CAACC,GAAG,CAAEd,KAAK,EAAEC,IAAK,CAAC,EAC9D,CAAED,KAAK,EAAEC,IAAI,CACd,CAAC;EACD,MAAM;IAAEc;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAiB,CAAC;EAClD,MAAMI,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAKP,QAAQ,EAAG;MACf,MAAMQ,OAAO,GACZb,kBAAkB,IAClB,IAAAc,aAAO,EACN;MACA,IAAAC,QAAE,EAAE,6BAA8B,CAAC,EACnClB,KACD,CAAC;MACF,IAAAmB,WAAK,EAAEH,OAAQ,CAAC;IACjB,CAAC,MAAM;MACN,MAAMA,OAAO,GACZd,gBAAgB,IAChB,IAAAe,aAAO,EACN;MACA,IAAAC,QAAE,EAAE,2BAA4B,CAAC,EACjClB,KACD,CAAC;MACF,IAAAmB,WAAK,EAAEH,OAAQ,CAAC;IACjB;EACD,CAAC;EAED,oBACC,IAAApB,WAAA,CAAAwB,GAAA,EAAC7B,WAAA,CAAA8B,QAAQ;IACRC,IAAI,EAAGd,QAAQ,IAAIe,YAAO;IAC1BC,UAAU,EAAGhB,QAAU;IACvBiB,OAAO,EAAGA,CAAA,KAAM;MACfnB,QAAQ,CAAC,CAAC;MACV,IAAKD,cAAc,EAAG;QACrBQ,MAAM,CAAEf,KAAK,EAAEC,IAAK,CAAC;MACtB;MACAgB,YAAY,CAAC,CAAC;IACf,CAAG;IACHW,IAAI,EAAC,kBAAkB;IACvBzB,IAAI,EAAGA,IAAM;IACbG,QAAQ,EAAGA,QAAU;IACrBG,QAAQ,EAAGA,QAAU;IAAAoB,QAAA,EAEnB3B;EAAK,CACE,CAAC;AAEb","ignoreList":[]}

package/build/components/preferences-modal-tabs/index.js CHANGED Viewed

@@ -88,10 +88,10 @@ function PreferencesModalTabs({
       })
     });
   } else {
-    modalContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalNavigatorProvider, {
+    modalContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Navigator, {
       initialPath: "/",
       className: "preferences__provider",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorScreen, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.Screen, {
         path: "/",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
           isBorderless: true,
@@ -99,7 +99,7 @@ function PreferencesModalTabs({
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardBody, {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
               children: tabs.map(tab => {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorButton, {
+                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.Button, {
                   path: `/${tab.name}`,
                   as: _components.__experimentalItem,
                   isAction: true,
@@ -121,7 +121,7 @@ function PreferencesModalTabs({
           })
         })
       }), sections.length && sections.map(section => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorScreen, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.Screen, {
           path: `/${section.name}`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Card, {
             isBorderless: true,
@@ -131,7 +131,7 @@ function PreferencesModalTabs({
               justify: "left",
               size: "small",
               gap: "6",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalNavigatorBackButton, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.BackButton, {
                 icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
                 label: (0, _i18n.__)('Back')
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {

package/build/components/preferences-modal-tabs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_compose","require","_components","_element","_icons","_i18n","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","PREFERENCES_MENU","PreferencesModalTabs","sections","isLargeViewport","useViewportMatch","activeMenu","setActiveMenu","useState","tabs","sectionsContentMap","useMemo","mappedTabs","length","reduce","accumulator","name","tabLabel","title","content","push","modalContent","jsx","className","children","jsxs","defaultTabId","undefined","onSelect","orientation","TabList","map","tab","Tab","tabId","TabPanel","focusable","__experimentalNavigatorProvider","initialPath","__experimentalNavigatorScreen","path","Card","isBorderless","size","CardBody","__experimentalItemGroup","__experimentalNavigatorButton","as","Item","isAction","__experimentalHStack","justify","FlexItem","__experimentalTruncate","Icon","icon","isRTL","chevronLeft","chevronRight","section","CardHeader","gap","__experimentalNavigatorBackButton","label","__","__experimentalText"],"sources":["@wordpress/preferences/src/components/preferences-modal-tabs/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalNavigatorBackButton as NavigatorBackButton,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport default function PreferencesModalTabs( { sections } ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/\n\t Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] \|\| null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<NavigatorProvider\n\t\t\t\tinitialPath=\"/\"\n\t\t\t\tclassName=\"preferences__provider\"\n\t\t\t>\n\t\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ `/${ tab.name }` }\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</NavigatorScreen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<NavigatorScreen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ `/${ section.name }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<NavigatorBackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</NavigatorScreen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</NavigatorProvider>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_compose","require","_components","_element","_icons","_i18n","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","PREFERENCES_MENU","PreferencesModalTabs","sections","isLargeViewport","useViewportMatch","activeMenu","setActiveMenu","useState","tabs","sectionsContentMap","useMemo","mappedTabs","length","reduce","accumulator","name","tabLabel","title","content","push","modalContent","jsx","className","children","jsxs","defaultTabId","undefined","onSelect","orientation","TabList","map","tab","Tab","tabId","TabPanel","focusable","Navigator","initialPath","Screen","path","Card","isBorderless","size","CardBody","__experimentalItemGroup","Button","as","Item","isAction","__experimentalHStack","justify","FlexItem","__experimentalTruncate","Icon","icon","isRTL","chevronLeft","chevronRight","section","CardHeader","gap","BackButton","label","__","__experimentalText"],"sources":["@wordpress/preferences/src/components/preferences-modal-tabs/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tNavigator,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport default function PreferencesModalTabs( { sections } ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/\n\t Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] \|\| null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<Navigator initialPath=\"/\" className=\"preferences__provider\">\n\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Navigator.Button\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ `/${ tab.name }` }\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</Navigator.Button>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</Navigator.Screen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Navigator.Screen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ `/${ section.name }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</Navigator.Screen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</Navigator>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_deprecated","_interopRequireDefault","require","withDeprecatedKeys","originalGet","state","scope","name","settingsToMoveToCore","includes","deprecated","since","alternative","get","exports","value","preferences","undefined","defaults"],"sources":["@wordpress/preferences/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\n\nconst withDeprecatedKeys = ( originalGet ) => ( state, scope, name ) => {\n\tconst settingsToMoveToCore = [\n\t\t'allowRightClickOverrides',\n\t\t'distractionFree',\n\t\t'editorMode',\n\t\t'fixedToolbar',\n\t\t'focusMode',\n\t\t'hiddenBlockTypes',\n\t\t'inactivePanels',\n\t\t'keepCaretInsideBlock',\n\t\t'mostUsedBlocks',\n\t\t'openPanels',\n\t\t'showBlockBreadcrumbs',\n\t\t'showIconLabels',\n\t\t'showListViewByDefault',\n\t\t'isPublishSidebarEnabled',\n\t\t'isComplementaryAreaVisible',\n\t\t'pinnedItems',\n\t];\n\n\tif (\n\t\tsettingsToMoveToCore.includes( name ) &&\n\t\t[ 'core/edit-post', 'core/edit-site' ].includes( scope )\n\t) {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/preferences' ).get( '${ scope }', '${ name }' )`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\talternative: `wp.data.select( 'core/preferences' ).get( 'core', '${ name }' )`,\n\t\t\t}\n\t\t);\n\n\t\treturn originalGet( state, 'core', name );\n\t}\n\n\treturn originalGet( state, scope, name );\n};\n\n/\n Returns a boolean indicating whether a prefer 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} name The name of the feature.\n \n @return {} Is the feature enabled?\n /\nexport const get = withDeprecatedKeys( ( state, scope, name ) => {\n\tconst value = state.preferences[ scope ]?.[ name ];\n\treturn value !== undefined ? value : state.defaults[ scope ]?.[ name ];\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,kBAAkB,GAAKC,WAAW,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EACvE,MAAMC,oBAAoB,GAAG,CAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,EAC5B,aAAa,CACb;EAED,IACCA,oBAAoB,CAACC,QAAQ,CAAEF,IAAK,CAAC,IACrC,CAAE,gBAAgB,EAAE,gBAAgB,CAAE,CAACE,QAAQ,CAAEH,KAAM,CAAC,EACvD;IACD,IAAAI,mBAAU,~~EACR~~,~~8CAA8CJ~~,~~KAAO~~,~~OAAOC~~,~~IAAM~~,~~KAAI~~,EACvE;MACCI,KAAK,EAAE,KAAK;MACZC,WAAW,~~EAAG~~,~~sDAAsDL~~,~~IAAM~~;~~IAC3E~~,CACD,CAAC;IAED,OAAOH,WAAW,CAAEC,KAAK,EAAE,MAAM,EAAEE,IAAK,CAAC;EAC1C;EAEA,OAAOH,WAAW,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAK,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAGV,kBAAkB,CAAE,CAAEE,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EAChE,MAAMQ,KAAK,GAAGV,KAAK,CAACW,WAAW,CAAEV,KAAK,CAAE,GAAIC,IAAI,CAAE;EAClD,OAAOQ,KAAK,KAAKE,SAAS,GAAGF,KAAK,GAAGV,KAAK,CAACa,QAAQ,CAAEZ,KAAK,CAAE,GAAIC,IAAI,CAAE;AACvE,CAAE,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_deprecated","_interopRequireDefault","require","withDeprecatedKeys","originalGet","state","scope","name","settingsToMoveToCore","includes","deprecated","since","alternative","get","exports","value","preferences","undefined","defaults"],"sources":["@wordpress/preferences/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\n\nconst withDeprecatedKeys = ( originalGet ) => ( state, scope, name ) => {\n\tconst settingsToMoveToCore = [\n\t\t'allowRightClickOverrides',\n\t\t'distractionFree',\n\t\t'editorMode',\n\t\t'fixedToolbar',\n\t\t'focusMode',\n\t\t'hiddenBlockTypes',\n\t\t'inactivePanels',\n\t\t'keepCaretInsideBlock',\n\t\t'mostUsedBlocks',\n\t\t'openPanels',\n\t\t'showBlockBreadcrumbs',\n\t\t'showIconLabels',\n\t\t'showListViewByDefault',\n\t\t'isPublishSidebarEnabled',\n\t\t'isComplementaryAreaVisible',\n\t\t'pinnedItems',\n\t];\n\n\tif (\n\t\tsettingsToMoveToCore.includes( name ) &&\n\t\t[ 'core/edit-post', 'core/edit-site' ].includes( scope )\n\t) {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/preferences' ).get( '${ scope }', '${ name }' )`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\talternative: `wp.data.select( 'core/preferences' ).get( 'core', '${ name }' )`,\n\t\t\t}\n\t\t);\n\n\t\treturn originalGet( state, 'core', name );\n\t}\n\n\treturn originalGet( state, scope, name );\n};\n\n/\n Returns a boolean indicating whether a prefer 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} name The name of the feature.\n \n @return {} Is the feature enabled?\n /\nexport const get = withDeprecatedKeys( ( state, scope, name ) => {\n\tconst value = state.preferences[ scope ]?.[ name ];\n\treturn value !== undefined ? value : state.defaults[ scope ]?.[ name ];\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGA,MAAMC,kBAAkB,GAAKC,WAAW,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EACvE,MAAMC,oBAAoB,GAAG,CAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,EAC5B,aAAa,CACb;EAED,IACCA,oBAAoB,CAACC,QAAQ,CAAEF,IAAK,CAAC,IACrC,CAAE,gBAAgB,EAAE,gBAAgB,CAAE,CAACE,QAAQ,CAAEH,KAAM,CAAC,EACvD;IACD,IAAAI,mBAAU,EACT,8CAA+CJ,KAAK,OAASC,IAAI,KAAM,EACvE;MACCI,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE,sDAAuDL,IAAI;IACzE,CACD,CAAC;IAED,OAAOH,WAAW,CAAEC,KAAK,EAAE,MAAM,EAAEE,IAAK,CAAC;EAC1C;EAEA,OAAOH,WAAW,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAK,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAGV,kBAAkB,CAAE,CAAEE,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EAChE,MAAMQ,KAAK,GAAGV,KAAK,CAACW,WAAW,CAAEV,KAAK,CAAE,GAAIC,IAAI,CAAE;EAClD,OAAOQ,KAAK,KAAKE,SAAS,GAAGF,KAAK,GAAGV,KAAK,CAACa,QAAQ,CAAEZ,KAAK,CAAE,GAAIC,IAAI,CAAE;AACvE,CAAE,CAAC","ignoreList":[]}

package/build-module/components/preference-base-option/index.js CHANGED Viewed

@@ -2,8 +2,7 @@
  * WordPress dependencies
  */
 import { ToggleControl } from '@wordpress/components';
-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";
 function BaseOption({
   help,
   label,

package/build-module/components/preference-base-option/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["ToggleControl","jsx","_jsx","jsxs","_jsxs","BaseOption","help","label","isChecked","onChange","children","className","__nextHasNoMarginBottom","checked"],"sources":["@wordpress/preferences/src/components/preference-base-option/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\n\nfunction BaseOption( { help, label, isChecked, onChange, children } ) {\n\treturn (\n\t\t<div className=\"preference-base-option\">\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\thelp={ help }\n\t\t\t\tlabel={ label }\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default BaseOption;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA~~;AAAA~~,~~SAAAC~~,IAAA,IAAAC,KAAA;AAEtD,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACrE,oBACCN,KAAA;IAAKO,SAAS,EAAC,wBAAwB;IAAAD,QAAA,gBACtCR,IAAA,CAACF,aAAa;MACbY,uBAAuB;MACvBN,IAAI,EAAGA,IAAM;MACbC,KAAK,EAAGA,KAAO;MACfM,OAAO,EAAGL,SAAW;MACrBC,QAAQ,EAAGA;IAAU,CACrB,CAAC,EACAC,QAAQ;EAAA,CACN,CAAC;AAER;AAEA,eAAeL,UAAU","ignoreList":[]}
1	+ {"version":3,"names":["ToggleControl","jsx","_jsx","jsxs","_jsxs","BaseOption","help","label","isChecked","onChange","children","className","__nextHasNoMarginBottom","checked"],"sources":["@wordpress/preferences/src/components/preference-base-option/index.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\n\nfunction BaseOption( { help, label, isChecked, onChange, children } ) {\n\treturn (\n\t\t<div className=\"preference-base-option\">\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\thelp={ help }\n\t\t\t\tlabel={ label }\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default BaseOption;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EACrE,oBACCN,KAAA;IAAKO,SAAS,EAAC,wBAAwB;IAAAD,QAAA,gBACtCR,IAAA,CAACF,aAAa;MACbY,uBAAuB;MACvBN,IAAI,EAAGA,IAAM;MACbC,KAAK,EAAGA,KAAO;MACfM,OAAO,EAAGL,SAAW;MACrBC,QAAQ,EAAGA;IAAU,CACrB,CAAC,EACAC,QAAQ;EAAA,CACN,CAAC;AAER;AAEA,eAAeL,UAAU","ignoreList":[]}

package/build-module/components/preference-toggle-menu-item/index.js CHANGED Viewed

@@ -30,11 +30,11 @@ export default function PreferenceToggleMenuItem({
   } = useDispatch(preferencesStore);
   const speakMessage = () => {
     if (isActive) {
-      const message = messageDeactivated || sprintf( /* translators: %s: preference name, e.g. 'Fullscreen mode' */
+      const message = messageDeactivated || sprintf(/* translators: %s: preference name, e.g. 'Fullscreen mode' */
       __('Preference deactivated - %s'), label);
       speak(message);
     } else {
-      const message = messageActivated || sprintf( /* translators: %s: preference name, e.g. 'Fullscreen mode' */
+      const message = messageActivated || sprintf(/* translators: %s: preference name, e.g. 'Fullscreen mode' */
       __('Preference activated - %s'), label);
       speak(message);
     }

package/build-module/components/preference-toggle-menu-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useSelect","useDispatch","MenuItem","__","sprintf","check","speak","store","preferencesStore","jsx","_jsx","PreferenceToggleMenuItem","scope","name","label","info","messageActivated","messageDeactivated","shortcut","handleToggling","onToggle","disabled","isActive","select","get","toggle","speakMessage","message","icon","isSelected","onClick","role","children"],"sources":["@wordpress/preferences/src/components/preference-toggle-menu-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { MenuItem } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/\n Internal dependencies\n /\nimport { store as preferencesStore } from '../../store';\n\nexport default function PreferenceToggleMenuItem( {\n\tscope,\n\tname,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n\thandleToggling = true,\n\tonToggle = () => null,\n\tdisabled = false,\n} ) {\n\tconst isActive = useSelect(\n\t\t( select ) => !! select( preferencesStore ).get( scope, name ),\n\t\t[ scope, name ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tconst message =\n\t\t\t\tmessageDeactivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' /\n\t\t\t\t\t__( 'Preference deactivated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t} else {\n\t\t\tconst message =\n\t\t\t\tmessageActivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' */\n\t\t\t\t\t__( 'Preference activated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ () => {\n\t\t\t\tonToggle();\n\t\t\t\tif ( handleToggling ) {\n\t\t\t\t\ttoggle( scope, name );\n\t\t\t\t}\n\t\t\t\tspeakMessage();\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,KAAK,QAAQ,iBAAiB;;AAEvC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,eAAe,SAASC,wBAAwBA,CAAE;EACjDC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrBC,QAAQ,GAAGA,CAAA,KAAM,IAAI;EACrBC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAGtB,SAAS,CACvBuB,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEf,gBAAiB,CAAC,CAACgB,GAAG,CAAEZ,KAAK,EAAEC,IAAK,CAAC,EAC9D,CAAED,KAAK,EAAEC,IAAI,CACd,CAAC;EACD,MAAM;IAAEY;EAAO,CAAC,GAAGxB,WAAW,CAAEO,gBAAiB,CAAC;EAClD,MAAMkB,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAKJ,QAAQ,EAAG;MACf,MAAMK,OAAO,GACZV,kBAAkB,IAClBb,OAAO,~~EACN~~;MACAD,EAAE,CAAE,6BAA8B,CAAC,EACnCW,KACD,CAAC;MACFR,KAAK,CAAEqB,OAAQ,CAAC;IACjB,CAAC,MAAM;MACN,MAAMA,OAAO,GACZX,gBAAgB,IAChBZ,OAAO,~~EACN~~;MACAD,EAAE,CAAE,2BAA4B,CAAC,EACjCW,KACD,CAAC;MACFR,KAAK,CAAEqB,OAAQ,CAAC;IACjB;EACD,CAAC;EAED,oBACCjB,IAAA,CAACR,QAAQ;IACR0B,IAAI,EAAGN,QAAQ,IAAIjB,KAAO;IAC1BwB,UAAU,EAAGP,QAAU;IACvBQ,OAAO,EAAGA,CAAA,KAAM;MACfV,QAAQ,CAAC,CAAC;MACV,IAAKD,cAAc,EAAG;QACrBM,MAAM,CAAEb,KAAK,EAAEC,IAAK,CAAC;MACtB;MACAa,YAAY,CAAC,CAAC;IACf,CAAG;IACHK,IAAI,EAAC,kBAAkB;IACvBhB,IAAI,EAAGA,IAAM;IACbG,QAAQ,EAAGA,QAAU;IACrBG,QAAQ,EAAGA,QAAU;IAAAW,QAAA,EAEnBlB;EAAK,CACE,CAAC;AAEb","ignoreList":[]}
1	+ {"version":3,"names":["useSelect","useDispatch","MenuItem","__","sprintf","check","speak","store","preferencesStore","jsx","_jsx","PreferenceToggleMenuItem","scope","name","label","info","messageActivated","messageDeactivated","shortcut","handleToggling","onToggle","disabled","isActive","select","get","toggle","speakMessage","message","icon","isSelected","onClick","role","children"],"sources":["@wordpress/preferences/src/components/preference-toggle-menu-item/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { MenuItem } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/\n Internal dependencies\n /\nimport { store as preferencesStore } from '../../store';\n\nexport default function PreferenceToggleMenuItem( {\n\tscope,\n\tname,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n\thandleToggling = true,\n\tonToggle = () => null,\n\tdisabled = false,\n} ) {\n\tconst isActive = useSelect(\n\t\t( select ) => !! select( preferencesStore ).get( scope, name ),\n\t\t[ scope, name ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tconst message =\n\t\t\t\tmessageDeactivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' /\n\t\t\t\t\t__( 'Preference deactivated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t} else {\n\t\t\tconst message =\n\t\t\t\tmessageActivated \|\|\n\t\t\t\tsprintf(\n\t\t\t\t\t/ translators: %s: preference name, e.g. 'Fullscreen mode' */\n\t\t\t\t\t__( 'Preference activated - %s' ),\n\t\t\t\t\tlabel\n\t\t\t\t);\n\t\t\tspeak( message );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ () => {\n\t\t\t\tonToggle();\n\t\t\t\tif ( handleToggling ) {\n\t\t\t\t\ttoggle( scope, name );\n\t\t\t\t}\n\t\t\t\tspeakMessage();\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,KAAK,QAAQ,iBAAiB;;AAEvC;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,eAAe,SAASC,wBAAwBA,CAAE;EACjDC,KAAK;EACLC,IAAI;EACJC,KAAK;EACLC,IAAI;EACJC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACRC,cAAc,GAAG,IAAI;EACrBC,QAAQ,GAAGA,CAAA,KAAM,IAAI;EACrBC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAGtB,SAAS,CACvBuB,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEf,gBAAiB,CAAC,CAACgB,GAAG,CAAEZ,KAAK,EAAEC,IAAK,CAAC,EAC9D,CAAED,KAAK,EAAEC,IAAI,CACd,CAAC;EACD,MAAM;IAAEY;EAAO,CAAC,GAAGxB,WAAW,CAAEO,gBAAiB,CAAC;EAClD,MAAMkB,YAAY,GAAGA,CAAA,KAAM;IAC1B,IAAKJ,QAAQ,EAAG;MACf,MAAMK,OAAO,GACZV,kBAAkB,IAClBb,OAAO,CACN;MACAD,EAAE,CAAE,6BAA8B,CAAC,EACnCW,KACD,CAAC;MACFR,KAAK,CAAEqB,OAAQ,CAAC;IACjB,CAAC,MAAM;MACN,MAAMA,OAAO,GACZX,gBAAgB,IAChBZ,OAAO,CACN;MACAD,EAAE,CAAE,2BAA4B,CAAC,EACjCW,KACD,CAAC;MACFR,KAAK,CAAEqB,OAAQ,CAAC;IACjB;EACD,CAAC;EAED,oBACCjB,IAAA,CAACR,QAAQ;IACR0B,IAAI,EAAGN,QAAQ,IAAIjB,KAAO;IAC1BwB,UAAU,EAAGP,QAAU;IACvBQ,OAAO,EAAGA,CAAA,KAAM;MACfV,QAAQ,CAAC,CAAC;MACV,IAAKD,cAAc,EAAG;QACrBM,MAAM,CAAEb,KAAK,EAAEC,IAAK,CAAC;MACtB;MACAa,YAAY,CAAC,CAAC;IACf,CAAG;IACHK,IAAI,EAAC,kBAAkB;IACvBhB,IAAI,EAAGA,IAAM;IACbG,QAAQ,EAAGA,QAAU;IACrBG,QAAQ,EAAGA,QAAU;IAAAW,QAAA,EAEnBlB;EAAK,CACE,CAAC;AAEb","ignoreList":[]}

package/build-module/components/preferences-modal-section/index.js CHANGED Viewed

@@ -1,5 +1,4 @@
-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 Section = ({
   description,
   title,

package/build-module/components/preferences-modal-section/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Section","description","title","children","_jsxs","className","_jsx"],"sources":["@wordpress/preferences/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"preferences-modal__section\">\n\t\t<legend className=\"preferences-modal__section-legend\">\n\t\t\t<h2 className=\"preferences-modal__section-title\">{ title }</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t<div className=\"preferences-modal__section-content\">{ children }</div>\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";;AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,kBACjDC,KAAA;EAAUC,SAAS,EAAC,4BAA4B;EAAAF,QAAA,gBAC/CC,KAAA;IAAQC,SAAS,EAAC,mCAAmC;IAAAF,QAAA,gBACpDG,IAAA;MAAID,SAAS,EAAC,kCAAkC;MAAAF,QAAA,EAAGD;IAAK,CAAM,CAAC,EAC7DD,WAAW,iBACZK,IAAA;MAAGD,SAAS,EAAC,wCAAwC;MAAAF,QAAA,EAClDF;IAAW,CACX,CACH;EAAA,CACM,CAAC,eACTK,IAAA;IAAKD,SAAS,EAAC,oCAAoC;IAAAF,QAAA,EAAGA;EAAQ,CAAO,CAAC;AAAA,CAC7D,CACV;AAED,eAAeH,OAAO","ignoreList":[]}
1	+ {"version":3,"names":["Section","description","title","children","_jsxs","className","_jsx"],"sources":["@wordpress/preferences/src/components/preferences-modal-section/index.js"],"sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<fieldset className=\"preferences-modal__section\">\n\t\t<legend className=\"preferences-modal__section-legend\">\n\t\t\t<h2 className=\"preferences-modal__section-title\">{ title }</h2>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"preferences-modal__section-description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</legend>\n\t\t<div className=\"preferences-modal__section-content\">{ children }</div>\n\t</fieldset>\n);\n\nexport default Section;\n"],"mappings":";AAAA,MAAMA,OAAO,GAAGA,CAAE;EAAEC,WAAW;EAAEC,KAAK;EAAEC;AAAS,CAAC,kBACjDC,KAAA;EAAUC,SAAS,EAAC,4BAA4B;EAAAF,QAAA,gBAC/CC,KAAA;IAAQC,SAAS,EAAC,mCAAmC;IAAAF,QAAA,gBACpDG,IAAA;MAAID,SAAS,EAAC,kCAAkC;MAAAF,QAAA,EAAGD;IAAK,CAAM,CAAC,EAC7DD,WAAW,iBACZK,IAAA;MAAGD,SAAS,EAAC,wCAAwC;MAAAF,QAAA,EAClDF;IAAW,CACX,CACH;EAAA,CACM,CAAC,eACTK,IAAA;IAAKD,SAAS,EAAC,oCAAoC;IAAAF,QAAA,EAAGA;EAAQ,CAAO,CAAC;AAAA,CAC7D,CACV;AAED,eAAeH,OAAO","ignoreList":[]}

package/build-module/components/preferences-modal-tabs/index.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { useViewportMatch } from '@wordpress/compose';
-import { __experimentalNavigatorProvider as NavigatorProvider, __experimentalNavigatorScreen as NavigatorScreen, __experimentalNavigatorButton as NavigatorButton, __experimentalNavigatorBackButton as NavigatorBackButton, __experimentalItemGroup as ItemGroup, __experimentalItem as Item, __experimentalHStack as HStack, __experimentalText as Text, __experimentalTruncate as Truncate, FlexItem, Card, CardHeader, CardBody, privateApis as componentsPrivateApis } from '@wordpress/components';
+import { Navigator, __experimentalItemGroup as ItemGroup, __experimentalItem as Item, __experimentalHStack as HStack, __experimentalText as Text, __experimentalTruncate as Truncate, FlexItem, Card, CardHeader, CardBody, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { useMemo, useState } from '@wordpress/element';
 import { chevronLeft, chevronRight, Icon } from '@wordpress/icons';
 import { isRTL, __ } from '@wordpress/i18n';
@@ -11,8 +11,7 @@ import { isRTL, __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
-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 {
   Tabs
 } = unlock(componentsPrivateApis);
@@ -82,10 +81,10 @@ export default function PreferencesModalTabs({
       })
     });
   } else {
-    modalContent = /*#__PURE__*/_jsxs(NavigatorProvider, {
+    modalContent = /*#__PURE__*/_jsxs(Navigator, {
       initialPath: "/",
       className: "preferences__provider",
-      children: [/*#__PURE__*/_jsx(NavigatorScreen, {
+      children: [/*#__PURE__*/_jsx(Navigator.Screen, {
         path: "/",
         children: /*#__PURE__*/_jsx(Card, {
           isBorderless: true,
@@ -93,7 +92,7 @@ export default function PreferencesModalTabs({
           children: /*#__PURE__*/_jsx(CardBody, {
             children: /*#__PURE__*/_jsx(ItemGroup, {
               children: tabs.map(tab => {
-                return /*#__PURE__*/_jsx(NavigatorButton, {
+                return /*#__PURE__*/_jsx(Navigator.Button, {
                   path: `/${tab.name}`,
                   as: Item,
                   isAction: true,
@@ -115,7 +114,7 @@ export default function PreferencesModalTabs({
           })
         })
       }), sections.length && sections.map(section => {
-        return /*#__PURE__*/_jsx(NavigatorScreen, {
+        return /*#__PURE__*/_jsx(Navigator.Screen, {
           path: `/${section.name}`,
           children: /*#__PURE__*/_jsxs(Card, {
             isBorderless: true,
@@ -125,7 +124,7 @@ export default function PreferencesModalTabs({
               justify: "left",
               size: "small",
               gap: "6",
-              children: [/*#__PURE__*/_jsx(NavigatorBackButton, {
+              children: [/*#__PURE__*/_jsx(Navigator.BackButton, {
                 icon: isRTL() ? chevronRight : chevronLeft,
                 label: __('Back')
               }), /*#__PURE__*/_jsx(Text, {

package/build-module/components/preferences-modal-tabs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["useViewportMatch","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","__experimentalNavigatorButton","NavigatorButton","__experimentalNavigatorBackButton","NavigatorBackButton","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalHStack","HStack","__experimentalText","Text","__experimentalTruncate","Truncate","FlexItem","Card","CardHeader","CardBody","privateApis","componentsPrivateApis","useMemo","useState","chevronLeft","chevronRight","Icon","isRTL","__","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","PREFERENCES_MENU","PreferencesModalTabs","sections","isLargeViewport","activeMenu","setActiveMenu","tabs","sectionsContentMap","mappedTabs","length","reduce","accumulator","name","tabLabel","title","content","push","modalContent","className","children","defaultTabId","undefined","onSelect","orientation","TabList","map","tab","Tab","tabId","TabPanel","focusable","initialPath","path","isBorderless","size","as","isAction","justify","icon","section","gap","label"],"sources":["@wordpress/preferences/src/components/preferences-modal-tabs/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n\t__experimentalNavigatorButton as NavigatorButton,\n\t__experimentalNavigatorBackButton as NavigatorBackButton,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport default function PreferencesModalTabs( { sections } ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/\n\t Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] \|\| null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<NavigatorProvider\n\t\t\t\tinitialPath=\"/\"\n\t\t\t\tclassName=\"preferences__provider\"\n\t\t\t>\n\t\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<NavigatorButton\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ `/${ tab.name }` }\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</NavigatorButton>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</NavigatorScreen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<NavigatorScreen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ `/${ section.name }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<NavigatorBackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</NavigatorScreen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</NavigatorProvider>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["useViewportMatch","Navigator","__experimentalItemGroup","ItemGroup","__experimentalItem","Item","__experimentalHStack","HStack","__experimentalText","Text","__experimentalTruncate","Truncate","FlexItem","Card","CardHeader","CardBody","privateApis","componentsPrivateApis","useMemo","useState","chevronLeft","chevronRight","Icon","isRTL","__","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","PREFERENCES_MENU","PreferencesModalTabs","sections","isLargeViewport","activeMenu","setActiveMenu","tabs","sectionsContentMap","mappedTabs","length","reduce","accumulator","name","tabLabel","title","content","push","modalContent","className","children","defaultTabId","undefined","onSelect","orientation","TabList","map","tab","Tab","tabId","TabPanel","focusable","initialPath","Screen","path","isBorderless","size","Button","as","isAction","justify","icon","section","gap","BackButton","label"],"sources":["@wordpress/preferences/src/components/preferences-modal-tabs/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tNavigator,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalItem as Item,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n\t__experimentalTruncate as Truncate,\n\tFlexItem,\n\tCard,\n\tCardHeader,\n\tCardBody,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { chevronLeft, chevronRight, Icon } from '@wordpress/icons';\nimport { isRTL, __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst PREFERENCES_MENU = 'preferences-menu';\n\nexport default function PreferencesModalTabs( { sections } ) {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\t// This is also used to sync the two different rendered components\n\t// between small and large viewports.\n\tconst [ activeMenu, setActiveMenu ] = useState( PREFERENCES_MENU );\n\t/\n\t Create helper objects from `sections` for easier data handling.\n\t * `tabs` is used for creating the `Tabs` and `sectionsContentMap`\n\t * is used for easier access to active tab's content.\n\t */\n\tconst { tabs, sectionsContentMap } = useMemo( () => {\n\t\tlet mappedTabs = {\n\t\t\ttabs: [],\n\t\t\tsectionsContentMap: {},\n\t\t};\n\t\tif ( sections.length ) {\n\t\t\tmappedTabs = sections.reduce(\n\t\t\t\t( accumulator, { name, tabLabel: title, content } ) => {\n\t\t\t\t\taccumulator.tabs.push( { name, title } );\n\t\t\t\t\taccumulator.sectionsContentMap[ name ] = content;\n\t\t\t\t\treturn accumulator;\n\t\t\t\t},\n\t\t\t\t{ tabs: [], sectionsContentMap: {} }\n\t\t\t);\n\t\t}\n\t\treturn mappedTabs;\n\t}, [ sections ] );\n\n\tlet modalContent;\n\t// We render different components based on the viewport size.\n\tif ( isLargeViewport ) {\n\t\tmodalContent = (\n\t\t\t<div className=\"preferences__tabs\">\n\t\t\t\t<Tabs\n\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\tactiveMenu !== PREFERENCES_MENU ? activeMenu : undefined\n\t\t\t\t\t}\n\t\t\t\t\tonSelect={ setActiveMenu }\n\t\t\t\t\torientation=\"vertical\"\n\t\t\t\t>\n\t\t\t\t\t<Tabs.TabList className=\"preferences__tabs-tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"preferences__tabs-tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tclassName=\"preferences__tabs-tabpanel\"\n\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ sectionsContentMap[ tab.name ] \|\| null }\n\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs>\n\t\t\t</div>\n\t\t);\n\t} else {\n\t\tmodalContent = (\n\t\t\t<Navigator initialPath=\"/\" className=\"preferences__provider\">\n\t\t\t\t<Navigator.Screen path=\"/\">\n\t\t\t\t\t<Card isBorderless size=\"small\">\n\t\t\t\t\t\t<CardBody>\n\t\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Navigator.Button\n\t\t\t\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\t\t\t\tpath={ `/${ tab.name }` }\n\t\t\t\t\t\t\t\t\t\t\tas={ Item }\n\t\t\t\t\t\t\t\t\t\t\tisAction\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Truncate>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t\t</Navigator.Button>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} ) }\n\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t</CardBody>\n\t\t\t\t\t</Card>\n\t\t\t\t</Navigator.Screen>\n\t\t\t\t{ sections.length &&\n\t\t\t\t\tsections.map( ( section ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Navigator.Screen\n\t\t\t\t\t\t\t\tkey={ `${ section.name }-menu` }\n\t\t\t\t\t\t\t\tpath={ `/${ section.name }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Card isBorderless size=\"large\">\n\t\t\t\t\t\t\t\t\t<CardHeader\n\t\t\t\t\t\t\t\t\t\tisBorderless={ false }\n\t\t\t\t\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tgap=\"6\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronRight\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<Text size=\"16\">\n\t\t\t\t\t\t\t\t\t\t\t{ section.tabLabel }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t\t\t<CardBody>{ section.content }</CardBody>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t</Navigator.Screen>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t</Navigator>\n\t\t);\n\t}\n\n\treturn modalContent;\n}\n"],"mappings":"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","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["deprecated","withDeprecatedKeys","originalGet","state","scope","name","settingsToMoveToCore","includes","since","alternative","get","value","preferences","undefined","defaults"],"sources":["@wordpress/preferences/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\n\nconst withDeprecatedKeys = ( originalGet ) => ( state, scope, name ) => {\n\tconst settingsToMoveToCore = [\n\t\t'allowRightClickOverrides',\n\t\t'distractionFree',\n\t\t'editorMode',\n\t\t'fixedToolbar',\n\t\t'focusMode',\n\t\t'hiddenBlockTypes',\n\t\t'inactivePanels',\n\t\t'keepCaretInsideBlock',\n\t\t'mostUsedBlocks',\n\t\t'openPanels',\n\t\t'showBlockBreadcrumbs',\n\t\t'showIconLabels',\n\t\t'showListViewByDefault',\n\t\t'isPublishSidebarEnabled',\n\t\t'isComplementaryAreaVisible',\n\t\t'pinnedItems',\n\t];\n\n\tif (\n\t\tsettingsToMoveToCore.includes( name ) &&\n\t\t[ 'core/edit-post', 'core/edit-site' ].includes( scope )\n\t) {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/preferences' ).get( '${ scope }', '${ name }' )`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\talternative: `wp.data.select( 'core/preferences' ).get( 'core', '${ name }' )`,\n\t\t\t}\n\t\t);\n\n\t\treturn originalGet( state, 'core', name );\n\t}\n\n\treturn originalGet( state, scope, name );\n};\n\n/\n Returns a boolean indicating whether a prefer 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} name The name of the feature.\n \n @return {} Is the feature enabled?\n /\nexport const get = withDeprecatedKeys( ( state, scope, name ) => {\n\tconst value = state.preferences[ scope ]?.[ name ];\n\treturn value !== undefined ? value : state.defaults[ scope ]?.[ name ];\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,uBAAuB;AAE9C,MAAMC,kBAAkB,GAAKC,WAAW,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EACvE,MAAMC,oBAAoB,GAAG,CAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,EAC5B,aAAa,CACb;EAED,IACCA,oBAAoB,CAACC,QAAQ,CAAEF,IAAK,CAAC,IACrC,CAAE,gBAAgB,EAAE,gBAAgB,CAAE,CAACE,QAAQ,CAAEH,KAAM,CAAC,EACvD;IACDJ,UAAU,~~CACR~~,~~8CAA8CI~~,~~KAAO~~,~~OAAOC~~,~~IAAM~~,~~KAAI~~,EACvE;MACCG,KAAK,EAAE,KAAK;MACZC,WAAW,~~EAAG~~,~~sDAAsDJ~~,~~IAAM~~;~~IAC3E~~,CACD,CAAC;IAED,OAAOH,WAAW,CAAEC,KAAK,EAAE,MAAM,EAAEE,IAAK,CAAC;EAC1C;EAEA,OAAOH,WAAW,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAK,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,GAAG,GAAGT,kBAAkB,CAAE,CAAEE,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EAChE,MAAMM,KAAK,GAAGR,KAAK,CAACS,WAAW,CAAER,KAAK,CAAE,GAAIC,IAAI,CAAE;EAClD,OAAOM,KAAK,KAAKE,SAAS,GAAGF,KAAK,GAAGR,KAAK,CAACW,QAAQ,CAAEV,KAAK,CAAE,GAAIC,IAAI,CAAE;AACvE,CAAE,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["deprecated","withDeprecatedKeys","originalGet","state","scope","name","settingsToMoveToCore","includes","since","alternative","get","value","preferences","undefined","defaults"],"sources":["@wordpress/preferences/src/store/selectors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport deprecated from '@wordpress/deprecated';\n\nconst withDeprecatedKeys = ( originalGet ) => ( state, scope, name ) => {\n\tconst settingsToMoveToCore = [\n\t\t'allowRightClickOverrides',\n\t\t'distractionFree',\n\t\t'editorMode',\n\t\t'fixedToolbar',\n\t\t'focusMode',\n\t\t'hiddenBlockTypes',\n\t\t'inactivePanels',\n\t\t'keepCaretInsideBlock',\n\t\t'mostUsedBlocks',\n\t\t'openPanels',\n\t\t'showBlockBreadcrumbs',\n\t\t'showIconLabels',\n\t\t'showListViewByDefault',\n\t\t'isPublishSidebarEnabled',\n\t\t'isComplementaryAreaVisible',\n\t\t'pinnedItems',\n\t];\n\n\tif (\n\t\tsettingsToMoveToCore.includes( name ) &&\n\t\t[ 'core/edit-post', 'core/edit-site' ].includes( scope )\n\t) {\n\t\tdeprecated(\n\t\t\t`wp.data.select( 'core/preferences' ).get( '${ scope }', '${ name }' )`,\n\t\t\t{\n\t\t\t\tsince: '6.5',\n\t\t\t\talternative: `wp.data.select( 'core/preferences' ).get( 'core', '${ name }' )`,\n\t\t\t}\n\t\t);\n\n\t\treturn originalGet( state, 'core', name );\n\t}\n\n\treturn originalGet( state, scope, name );\n};\n\n/\n Returns a boolean indicating whether a prefer 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} name The name of the feature.\n \n @return {} Is the feature enabled?\n /\nexport const get = withDeprecatedKeys( ( state, scope, name ) => {\n\tconst value = state.preferences[ scope ]?.[ name ];\n\treturn value !== undefined ? value : state.defaults[ scope ]?.[ name ];\n} );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,uBAAuB;AAE9C,MAAMC,kBAAkB,GAAKC,WAAW,IAAM,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EACvE,MAAMC,oBAAoB,GAAG,CAC5B,0BAA0B,EAC1B,iBAAiB,EACjB,YAAY,EACZ,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,uBAAuB,EACvB,yBAAyB,EACzB,4BAA4B,EAC5B,aAAa,CACb;EAED,IACCA,oBAAoB,CAACC,QAAQ,CAAEF,IAAK,CAAC,IACrC,CAAE,gBAAgB,EAAE,gBAAgB,CAAE,CAACE,QAAQ,CAAEH,KAAM,CAAC,EACvD;IACDJ,UAAU,CACT,8CAA+CI,KAAK,OAASC,IAAI,KAAM,EACvE;MACCG,KAAK,EAAE,KAAK;MACZC,WAAW,EAAE,sDAAuDJ,IAAI;IACzE,CACD,CAAC;IAED,OAAOH,WAAW,CAAEC,KAAK,EAAE,MAAM,EAAEE,IAAK,CAAC;EAC1C;EAEA,OAAOH,WAAW,CAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAK,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,GAAG,GAAGT,kBAAkB,CAAE,CAAEE,KAAK,EAAEC,KAAK,EAAEC,IAAI,KAAM;EAChE,MAAMM,KAAK,GAAGR,KAAK,CAACS,WAAW,CAAER,KAAK,CAAE,GAAIC,IAAI,CAAE;EAClD,OAAOM,KAAK,KAAKE,SAAS,GAAGF,KAAK,GAAGR,KAAK,CAACW,QAAQ,CAAEV,KAAK,CAAE,GAAIC,IAAI,CAAE;AACvE,CAAE,CAAC","ignoreList":[]}

package/build-style/style-rtl.css CHANGED Viewed

@@ -29,6 +29,9 @@
 /**
  * Fonts & basic variables.
  */
+/**
+ * Typography
+ */
 /**
  * Grid System.
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
@@ -43,7 +46,10 @@
  * Dimensions.
  */
 /**
- * Editor widths.
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
  */
 /**
  * Block & Editor UI.
@@ -67,6 +73,9 @@
  * Creates a fading overlay to signify that the content is longer
  * than the space allows.
  */
+/**
+ * Typography
+ */
 /**
  * Breakpoint mixins
  */

package/build-style/style.css CHANGED Viewed

@@ -29,6 +29,9 @@
 /**
  * Fonts & basic variables.
  */
+/**
+ * Typography
+ */
 /**
  * Grid System.
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
@@ -43,7 +46,10 @@
  * Dimensions.
  */
 /**
- * Editor widths.
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
  */
 /**
  * Block & Editor UI.
@@ -67,6 +73,9 @@
  * Creates a fading overlay to signify that the content is longer
  * than the space allows.
  */
+/**
+ * Typography
+ */
 /**
  * Breakpoint mixins
  */

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/preferences",
-	"version": "4.8.6",
+	"version": "4.10.0",
 	"description": "Utilities for managing WordPress preferences.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -29,16 +29,16 @@
 	"react-native": "src/index",
 	"sideEffects": false,
 	"dependencies": {
-		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^4.8.2",
-		"@wordpress/components": "^28.8.6",
-		"@wordpress/compose": "^7.8.3",
-		"@wordpress/data": "^10.8.3",
-		"@wordpress/deprecated": "^4.8.2",
-		"@wordpress/element": "^6.8.1",
-		"@wordpress/i18n": "^5.8.2",
-		"@wordpress/icons": "^10.8.2",
-		"@wordpress/private-apis": "^1.8.1",
+		"@babel/runtime": "7.25.7",
+		"@wordpress/a11y": "^4.10.0",
+		"@wordpress/components": "^28.10.0",
+		"@wordpress/compose": "^7.10.0",
+		"@wordpress/data": "^10.10.0",
+		"@wordpress/deprecated": "^4.10.0",
+		"@wordpress/element": "^6.10.0",
+		"@wordpress/i18n": "^5.10.0",
+		"@wordpress/icons": "^10.10.0",
+		"@wordpress/private-apis": "^1.10.0",
 		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {
@@ -48,5 +48,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "b7af02f8431034ee19cdc33dd105d21705823eed"
+	"gitHead": "ab34a7ac935fd1478eac63b596242d83270897ee"
 }

package/src/components/preferences-modal-tabs/index.js CHANGED Viewed

@@ -3,10 +3,7 @@
  */
 import { useViewportMatch } from '@wordpress/compose';
 import {
-	__experimentalNavigatorProvider as NavigatorProvider,
-	__experimentalNavigatorScreen as NavigatorScreen,
-	__experimentalNavigatorButton as NavigatorButton,
-	__experimentalNavigatorBackButton as NavigatorBackButton,
+	Navigator,
 	__experimentalItemGroup as ItemGroup,
 	__experimentalItem as Item,
 	__experimentalHStack as HStack,
@@ -98,17 +95,14 @@ export default function PreferencesModalTabs( { sections } ) {
 		);
 	} else {
 		modalContent = (
-			<NavigatorProvider
-				initialPath="/"
-				className="preferences__provider"
-			>
-				<NavigatorScreen path="/">
+			<Navigator initialPath="/" className="preferences__provider">
+				<Navigator.Screen path="/">
 					<Card isBorderless size="small">
 						<CardBody>
 							<ItemGroup>
 								{ tabs.map( ( tab ) => {
 									return (
-										<NavigatorButton
+										<Navigator.Button
 											key={ tab.name }
 											path={ `/${ tab.name }` }
 											as={ Item }
@@ -130,17 +124,17 @@ export default function PreferencesModalTabs( { sections } ) {
 													/>
 												</FlexItem>
 											</HStack>
-										</NavigatorButton>
+										</Navigator.Button>
 									);
 								} ) }
 							</ItemGroup>
 						</CardBody>
 					</Card>
-				</NavigatorScreen>
+				</Navigator.Screen>
 				{ sections.length &&
 					sections.map( ( section ) => {
 						return (
-							<NavigatorScreen
+							<Navigator.Screen
 								key={ `${ section.name }-menu` }
 								path={ `/${ section.name }` }
 							>
@@ -151,7 +145,7 @@ export default function PreferencesModalTabs( { sections } ) {
 										size="small"
 										gap="6"
 									>
-										<NavigatorBackButton
+										<Navigator.BackButton
 											icon={
 												isRTL()
 													? chevronRight
@@ -165,10 +159,10 @@ export default function PreferencesModalTabs( { sections } ) {
 									</CardHeader>
 									<CardBody>{ section.content }</CardBody>
 								</Card>
-							</NavigatorScreen>
+							</Navigator.Screen>
 						);
 					} ) }
-			</NavigatorProvider>
+			</Navigator>
 		);
 	}