@wordpress/preferences 4.32.0 → 4.32.1-next.b8c8708f3.0

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

@@ -1,25 +1,22 @@
-/**
- * WordPress dependencies
- */
-import { ToggleControl } from '@wordpress/components';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function BaseOption({
-  help,
-  label,
-  isChecked,
-  onChange,
-  children
-}) {
-  return /*#__PURE__*/_jsxs("div", {
-    className: "preference-base-option",
-    children: [/*#__PURE__*/_jsx(ToggleControl, {
-      __nextHasNoMarginBottom: true,
-      help: help,
-      label: label,
-      checked: isChecked,
-      onChange: onChange
-    }), children]
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ToggleControl } from "@wordpress/components";
+function BaseOption({ help, label, isChecked, onChange, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "preference-base-option", children: [
+    /* @__PURE__ */ jsx(
+      ToggleControl,
+      {
+        __nextHasNoMarginBottom: true,
+        help,
+        label,
+        checked: isChecked,
+        onChange
+      }
+    ),
+    children
+  ] });
 }
-export default BaseOption;
-//# sourceMappingURL=index.js.map
+var preference_base_option_default = BaseOption;
+export {
+  preference_base_option_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../../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": "AAOE,SACC,KADD;AAJF,SAAS,qBAAqB;AAE9B,SAAS,WAAY,EAAE,MAAM,OAAO,WAAW,UAAU,SAAS,GAAI;AACrE,SACC,qBAAC,SAAI,WAAU,0BACd;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,yBAAuB;AAAA,QACvB;AAAA,QACA;AAAA,QACA,SAAU;AAAA,QACV;AAAA;AAAA,IACD;AAAA,IACE;AAAA,KACH;AAEF;AAEA,IAAO,iCAAQ;",
+  "names": []
+}

package/build-module/components/preference-toggle-control/index.js

@@ -1,34 +1,35 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as preferencesStore } from '../../store';
-import PreferenceBaseOption from '../preference-base-option';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as preferencesStore } from "../../store";
+import PreferenceBaseOption from "../preference-base-option";
 function PreferenceToggleControl(props) {
   const {
     scope,
     featureName,
-    onToggle = () => {},
+    onToggle = () => {
+    },
     ...remainingProps
   } = props;
-  const isChecked = useSelect(select => !!select(preferencesStore).get(scope, featureName), [scope, featureName]);
-  const {
-    toggle
-  } = useDispatch(preferencesStore);
+  const isChecked = useSelect(
+    (select) => !!select(preferencesStore).get(scope, featureName),
+    [scope, featureName]
+  );
+  const { toggle } = useDispatch(preferencesStore);
   const onChange = () => {
     onToggle();
     toggle(scope, featureName);
   };
-  return /*#__PURE__*/_jsx(PreferenceBaseOption, {
-    onChange: onChange,
-    isChecked: isChecked,
-    ...remainingProps
-  });
+  return /* @__PURE__ */ jsx(
+    PreferenceBaseOption,
+    {
+      onChange,
+      isChecked,
+      ...remainingProps
+    }
+  );
 }
-export default PreferenceToggleControl;
-//# sourceMappingURL=index.js.map
+var preference_toggle_control_default = PreferenceToggleControl;
+export {
+  preference_toggle_control_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/preference-toggle-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","useDispatch","store","preferencesStore","PreferenceBaseOption","jsx","_jsx","PreferenceToggleControl","props","scope","featureName","onToggle","remainingProps","isChecked","select","get","toggle","onChange"],"sources":["@wordpress/preferences/src/components/preference-toggle-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as preferencesStore } from '../../store';\nimport PreferenceBaseOption from '../preference-base-option';\n\nfunction PreferenceToggleControl( props ) {\n\tconst {\n\t\tscope,\n\t\tfeatureName,\n\t\tonToggle = () => {},\n\t\t...remainingProps\n\t} = props;\n\tconst isChecked = useSelect(\n\t\t( select ) => !! select( preferencesStore ).get( scope, featureName ),\n\t\t[ scope, featureName ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst onChange = () => {\n\t\tonToggle();\n\t\ttoggle( scope, featureName );\n\t};\n\n\treturn (\n\t\t<PreferenceBaseOption\n\t\t\tonChange={ onChange }\n\t\t\tisChecked={ isChecked }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n}\n\nexport default PreferenceToggleControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,OAAOC,oBAAoB,MAAM,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7D,SAASC,uBAAuBA,CAAEC,KAAK,EAAG;EACzC,MAAM;IACLC,KAAK;IACLC,WAAW;IACXC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnB,GAAGC;EACJ,CAAC,GAAGJ,KAAK;EACT,MAAMK,SAAS,GAAGb,SAAS,CACxBc,MAAM,IAAM,CAAC,CAAEA,MAAM,CAAEX,gBAAiB,CAAC,CAACY,GAAG,CAAEN,KAAK,EAAEC,WAAY,CAAC,EACrE,CAAED,KAAK,EAAEC,WAAW,CACrB,CAAC;EACD,MAAM;IAAEM;EAAO,CAAC,GAAGf,WAAW,CAAEE,gBAAiB,CAAC;EAClD,MAAMc,QAAQ,GAAGA,CAAA,KAAM;IACtBN,QAAQ,CAAC,CAAC;IACVK,MAAM,CAAEP,KAAK,EAAEC,WAAY,CAAC;EAC7B,CAAC;EAED,oBACCJ,IAAA,CAACF,oBAAoB;IACpBa,QAAQ,EAAGA,QAAU;IACrBJ,SAAS,EAAGA,SAAW;IAAA,GAClBD;EAAc,CACnB,CAAC;AAEJ;AAEA,eAAeL,uBAAuB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/preference-toggle-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as preferencesStore } from '../../store';\nimport PreferenceBaseOption from '../preference-base-option';\n\nfunction PreferenceToggleControl( props ) {\n\tconst {\n\t\tscope,\n\t\tfeatureName,\n\t\tonToggle = () => {},\n\t\t...remainingProps\n\t} = props;\n\tconst isChecked = useSelect(\n\t\t( select ) => !! select( preferencesStore ).get( scope, featureName ),\n\t\t[ scope, featureName ]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\tconst onChange = () => {\n\t\tonToggle();\n\t\ttoggle( scope, featureName );\n\t};\n\n\treturn (\n\t\t<PreferenceBaseOption\n\t\t\tonChange={ onChange }\n\t\t\tisChecked={ isChecked }\n\t\t\t{ ...remainingProps }\n\t\t/>\n\t);\n}\n\nexport default PreferenceToggleControl;\n"],
+  "mappings": "AA6BE;AA1BF,SAAS,WAAW,mBAAmB;AAKvC,SAAS,SAAS,wBAAwB;AAC1C,OAAO,0BAA0B;AAEjC,SAAS,wBAAyB,OAAQ;AACzC,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA,WAAW,MAAM;AAAA,IAAC;AAAA,IAClB,GAAG;AAAA,EACJ,IAAI;AACJ,QAAM,YAAY;AAAA,IACjB,CAAE,WAAY,CAAC,CAAE,OAAQ,gBAAiB,EAAE,IAAK,OAAO,WAAY;AAAA,IACpE,CAAE,OAAO,WAAY;AAAA,EACtB;AACA,QAAM,EAAE,OAAO,IAAI,YAAa,gBAAiB;AACjD,QAAM,WAAW,MAAM;AACtB,aAAS;AACT,WAAQ,OAAO,WAAY;AAAA,EAC5B;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;AAEA,IAAO,oCAAQ;",
+  "names": []
+}

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

@@ -1,18 +1,11 @@
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { MenuItem } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-import { check } from '@wordpress/icons';
-import { speak } from '@wordpress/a11y';
-
-/**
- * Internal dependencies
- */
-import { store as preferencesStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function PreferenceToggleMenuItem({
+import { jsx } from "react/jsx-runtime";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { MenuItem } from "@wordpress/components";
+import { __, sprintf } from "@wordpress/i18n";
+import { check } from "@wordpress/icons";
+import { speak } from "@wordpress/a11y";
+import { store as preferencesStore } from "../../store";
+function PreferenceToggleMenuItem({
   scope,
   name,
   label,
@@ -24,36 +17,49 @@ export default function PreferenceToggleMenuItem({
   onToggle = () => null,
   disabled = false
 }) {
-  const isActive = useSelect(select => !!select(preferencesStore).get(scope, name), [scope, name]);
-  const {
-    toggle
-  } = useDispatch(preferencesStore);
+  const isActive = useSelect(
+    (select) => !!select(preferencesStore).get(scope, name),
+    [scope, name]
+  );
+  const { toggle } = useDispatch(preferencesStore);
   const speakMessage = () => {
     if (isActive) {
-      const message = messageDeactivated || sprintf(/* translators: %s: preference name, e.g. 'Fullscreen mode' */
-      __('Preference deactivated - %s'), label);
+      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' */
-      __('Preference activated - %s'), label);
+      const message = messageActivated || sprintf(
+        /* translators: %s: preference name, e.g. 'Fullscreen mode' */
+        __("Preference activated - %s"),
+        label
+      );
       speak(message);
     }
   };
-  return /*#__PURE__*/_jsx(MenuItem, {
-    icon: isActive && check,
-    isSelected: isActive,
-    onClick: () => {
-      onToggle();
-      if (handleToggling) {
-        toggle(scope, name);
-      }
-      speakMessage();
-    },
-    role: "menuitemcheckbox",
-    info: info,
-    shortcut: shortcut,
-    disabled: disabled,
-    children: label
-  });
+  return /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      icon: isActive && check,
+      isSelected: isActive,
+      onClick: () => {
+        onToggle();
+        if (handleToggling) {
+          toggle(scope, name);
+        }
+        speakMessage();
+      },
+      role: "menuitemcheckbox",
+      info,
+      shortcut,
+      disabled,
+      children: label
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  PreferenceToggleMenuItem as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../../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": "AAsDE;AAnDF,SAAS,WAAW,mBAAmB;AACvC,SAAS,gBAAgB;AACzB,SAAS,IAAI,eAAe;AAC5B,SAAS,aAAa;AACtB,SAAS,aAAa;AAKtB,SAAS,SAAS,wBAAwB;AAE3B,SAAR,yBAA2C;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,WAAW,MAAM;AAAA,EACjB,WAAW;AACZ,GAAI;AACH,QAAM,WAAW;AAAA,IAChB,CAAE,WAAY,CAAC,CAAE,OAAQ,gBAAiB,EAAE,IAAK,OAAO,IAAK;AAAA,IAC7D,CAAE,OAAO,IAAK;AAAA,EACf;AACA,QAAM,EAAE,OAAO,IAAI,YAAa,gBAAiB;AACjD,QAAM,eAAe,MAAM;AAC1B,QAAK,UAAW;AACf,YAAM,UACL,sBACA;AAAA;AAAA,QAEC,GAAI,6BAA8B;AAAA,QAClC;AAAA,MACD;AACD,YAAO,OAAQ;AAAA,IAChB,OAAO;AACN,YAAM,UACL,oBACA;AAAA;AAAA,QAEC,GAAI,2BAA4B;AAAA,QAChC;AAAA,MACD;AACD,YAAO,OAAQ;AAAA,IAChB;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO,YAAY;AAAA,MACnB,YAAa;AAAA,MACb,SAAU,MAAM;AACf,iBAAS;AACT,YAAK,gBAAiB;AACrB,iBAAQ,OAAO,IAAK;AAAA,QACrB;AACA,qBAAa;AAAA,MACd;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEE;AAAA;AAAA,EACH;AAEF;",
+  "names": []
+}

package/build-module/components/preferences-modal/index.js

@@ -1,18 +1,18 @@
-/**
- * WordPress dependencies
- */
-import { Modal } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function PreferencesModal({
-  closeModal,
-  children
-}) {
-  return /*#__PURE__*/_jsx(Modal, {
-    className: "preferences-modal",
-    title: __('Preferences'),
-    onRequestClose: closeModal,
-    children: children
-  });
+import { jsx } from "react/jsx-runtime";
+import { Modal } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+function PreferencesModal({ closeModal, children }) {
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      className: "preferences-modal",
+      title: __("Preferences"),
+      onRequestClose: closeModal,
+      children
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  PreferencesModal as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Modal","__","jsx","_jsx","PreferencesModal","closeModal","children","className","title","onRequestClose"],"sources":["@wordpress/preferences/src/components/preferences-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function PreferencesModal( { closeModal, children } ) {\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"preferences-modal\"\n\t\t\ttitle={ __( 'Preferences' ) }\n\t\t\tonRequestClose={ closeModal }\n\t\t>\n\t\t\t{ children }\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,uBAAuB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,eAAe,SAASC,gBAAgBA,CAAE;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAG;EACpE,oBACCH,IAAA,CAACH,KAAK;IACLO,SAAS,EAAC,mBAAmB;IAC7BC,KAAK,EAAGP,EAAE,CAAE,aAAc,CAAG;IAC7BQ,cAAc,EAAGJ,UAAY;IAAAC,QAAA,EAE3BA;EAAQ,CACJ,CAAC;AAEV","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/preferences-modal/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function PreferencesModal( { closeModal, children } ) {\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"preferences-modal\"\n\t\t\ttitle={ __( 'Preferences' ) }\n\t\t\tonRequestClose={ closeModal }\n\t\t>\n\t\t\t{ children }\n\t\t</Modal>\n\t);\n}\n"],
+  "mappings": "AAQE;AALF,SAAS,aAAa;AACtB,SAAS,UAAU;AAEJ,SAAR,iBAAmC,EAAE,YAAY,SAAS,GAAI;AACpE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,GAAI,aAAc;AAAA,MAC1B,gBAAiB;AAAA,MAEf;AAAA;AAAA,EACH;AAEF;",
+  "names": []
+}

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

@@ -1,23 +1,13 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Section = ({
-  description,
-  title,
-  children
-}) => /*#__PURE__*/_jsxs("fieldset", {
-  className: "preferences-modal__section",
-  children: [/*#__PURE__*/_jsxs("legend", {
-    className: "preferences-modal__section-legend",
-    children: [/*#__PURE__*/_jsx("h2", {
-      className: "preferences-modal__section-title",
-      children: title
-    }), description && /*#__PURE__*/_jsx("p", {
-      className: "preferences-modal__section-description",
-      children: description
-    })]
-  }), /*#__PURE__*/_jsx("div", {
-    className: "preferences-modal__section-content",
-    children: children
-  })]
-});
-export default Section;
-//# sourceMappingURL=index.js.map
+import { jsx, jsxs } from "react/jsx-runtime";
+const Section = ({ description, title, children }) => /* @__PURE__ */ jsxs("fieldset", { className: "preferences-modal__section", children: [
+  /* @__PURE__ */ jsxs("legend", { className: "preferences-modal__section-legend", children: [
+    /* @__PURE__ */ jsx("h2", { className: "preferences-modal__section-title", children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: "preferences-modal__section-description", children: description })
+  ] }),
+  /* @__PURE__ */ jsx("div", { className: "preferences-modal__section-content", children })
+] });
+var preferences_modal_section_default = Section;
+export {
+  preferences_modal_section_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../../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": "AAEE,SACC,KADD;AAFF,MAAM,UAAU,CAAE,EAAE,aAAa,OAAO,SAAS,MAChD,qBAAC,cAAS,WAAU,8BACnB;AAAA,uBAAC,YAAO,WAAU,qCACjB;AAAA,wBAAC,QAAG,WAAU,oCAAqC,iBAAO;AAAA,IACxD,eACD,oBAAC,OAAE,WAAU,0CACV,uBACH;AAAA,KAEF;AAAA,EACA,oBAAC,SAAI,WAAU,sCAAuC,UAAU;AAAA,GACjE;AAGD,IAAO,oCAAQ;",
+  "names": []
+}

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

@@ -1,144 +1,133 @@
-/**
- * WordPress dependencies
- */
-import { useViewportMatch } from '@wordpress/compose';
-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';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Tabs
-} = unlock(componentsPrivateApis);
-const PREFERENCES_MENU = 'preferences-menu';
-export default function PreferencesModalTabs({
-  sections
-}) {
-  const isLargeViewport = useViewportMatch('medium');
-
-  // This is also used to sync the two different rendered components
-  // between small and large viewports.
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useViewportMatch } from "@wordpress/compose";
+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";
+import { unlock } from "../../lock-unlock";
+const { Tabs } = unlock(componentsPrivateApis);
+const PREFERENCES_MENU = "preferences-menu";
+function PreferencesModalTabs({ sections }) {
+  const isLargeViewport = useViewportMatch("medium");
   const [activeMenu, setActiveMenu] = useState(PREFERENCES_MENU);
-  /**
-   * Create helper objects from `sections` for easier data handling.
-   * `tabs` is used for creating the `Tabs` and `sectionsContentMap`
-   * is used for easier access to active tab's content.
-   */
-  const {
-    tabs,
-    sectionsContentMap
-  } = useMemo(() => {
+  const { tabs, sectionsContentMap } = useMemo(() => {
     let mappedTabs = {
       tabs: [],
       sectionsContentMap: {}
     };
     if (sections.length) {
-      mappedTabs = sections.reduce((accumulator, {
-        name,
-        tabLabel: title,
-        content
-      }) => {
-        accumulator.tabs.push({
-          name,
-          title
-        });
-        accumulator.sectionsContentMap[name] = content;
-        return accumulator;
-      }, {
-        tabs: [],
-        sectionsContentMap: {}
-      });
+      mappedTabs = sections.reduce(
+        (accumulator, { name, tabLabel: title, content }) => {
+          accumulator.tabs.push({ name, title });
+          accumulator.sectionsContentMap[name] = content;
+          return accumulator;
+        },
+        { tabs: [], sectionsContentMap: {} }
+      );
     }
     return mappedTabs;
   }, [sections]);
   let modalContent;
-  // We render different components based on the viewport size.
   if (isLargeViewport) {
-    modalContent = /*#__PURE__*/_jsx("div", {
-      className: "preferences__tabs",
-      children: /*#__PURE__*/_jsxs(Tabs, {
-        defaultTabId: activeMenu !== PREFERENCES_MENU ? activeMenu : undefined,
+    modalContent = /* @__PURE__ */ jsx("div", { className: "preferences__tabs", children: /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        defaultTabId: activeMenu !== PREFERENCES_MENU ? activeMenu : void 0,
         onSelect: setActiveMenu,
         orientation: "vertical",
-        children: [/*#__PURE__*/_jsx(Tabs.TabList, {
-          className: "preferences__tabs-tablist",
-          children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
-            tabId: tab.name,
-            className: "preferences__tabs-tab",
-            children: tab.title
-          }, tab.name))
-        }), tabs.map(tab => /*#__PURE__*/_jsx(Tabs.TabPanel, {
-          tabId: tab.name,
-          className: "preferences__tabs-tabpanel",
-          focusable: false,
-          children: sectionsContentMap[tab.name] || null
-        }, tab.name))]
-      })
-    });
+        children: [
+          /* @__PURE__ */ jsx(Tabs.TabList, { className: "preferences__tabs-tablist", children: tabs.map((tab) => /* @__PURE__ */ jsx(
+            Tabs.Tab,
+            {
+              tabId: tab.name,
+              className: "preferences__tabs-tab",
+              children: tab.title
+            },
+            tab.name
+          )) }),
+          tabs.map((tab) => /* @__PURE__ */ jsx(
+            Tabs.TabPanel,
+            {
+              tabId: tab.name,
+              className: "preferences__tabs-tabpanel",
+              focusable: false,
+              children: sectionsContentMap[tab.name] || null
+            },
+            tab.name
+          ))
+        ]
+      }
+    ) });
   } else {
-    modalContent = /*#__PURE__*/_jsxs(Navigator, {
-      initialPath: "/",
-      className: "preferences__provider",
-      children: [/*#__PURE__*/_jsx(Navigator.Screen, {
-        path: "/",
-        children: /*#__PURE__*/_jsx(Card, {
-          isBorderless: true,
-          size: "small",
-          children: /*#__PURE__*/_jsx(CardBody, {
-            children: /*#__PURE__*/_jsx(ItemGroup, {
-              children: tabs.map(tab => {
-                return /*#__PURE__*/_jsx(Navigator.Button, {
-                  path: `/${tab.name}`,
-                  as: Item,
-                  isAction: true,
-                  children: /*#__PURE__*/_jsxs(HStack, {
-                    justify: "space-between",
-                    children: [/*#__PURE__*/_jsx(FlexItem, {
-                      children: /*#__PURE__*/_jsx(Truncate, {
-                        children: tab.title
-                      })
-                    }), /*#__PURE__*/_jsx(FlexItem, {
-                      children: /*#__PURE__*/_jsx(Icon, {
-                        icon: isRTL() ? chevronLeft : chevronRight
-                      })
-                    })]
-                  })
-                }, tab.name);
-              })
-            })
-          })
-        })
-      }), sections.length && sections.map(section => {
-        return /*#__PURE__*/_jsx(Navigator.Screen, {
-          path: `/${section.name}`,
-          children: /*#__PURE__*/_jsxs(Card, {
-            isBorderless: true,
-            size: "large",
-            children: [/*#__PURE__*/_jsxs(CardHeader, {
-              isBorderless: false,
-              justify: "left",
-              size: "small",
-              gap: "6",
-              children: [/*#__PURE__*/_jsx(Navigator.BackButton, {
-                icon: isRTL() ? chevronRight : chevronLeft,
-                label: __('Back')
-              }), /*#__PURE__*/_jsx(Text, {
-                size: "16",
-                children: section.tabLabel
-              })]
-            }), /*#__PURE__*/_jsx(CardBody, {
-              children: section.content
-            })]
-          })
-        }, `${section.name}-menu`);
-      })]
-    });
+    modalContent = /* @__PURE__ */ jsxs(Navigator, { initialPath: "/", className: "preferences__provider", children: [
+      /* @__PURE__ */ jsx(Navigator.Screen, { path: "/", children: /* @__PURE__ */ jsx(Card, { isBorderless: true, size: "small", children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(ItemGroup, { children: tabs.map((tab) => {
+        return /* @__PURE__ */ jsx(
+          Navigator.Button,
+          {
+            path: `/${tab.name}`,
+            as: Item,
+            isAction: true,
+            children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
+              /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(Truncate, { children: tab.title }) }),
+              /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: isRTL() ? chevronLeft : chevronRight
+                }
+              ) })
+            ] })
+          },
+          tab.name
+        );
+      }) }) }) }) }),
+      sections.length && sections.map((section) => {
+        return /* @__PURE__ */ jsx(
+          Navigator.Screen,
+          {
+            path: `/${section.name}`,
+            children: /* @__PURE__ */ jsxs(Card, { isBorderless: true, size: "large", children: [
+              /* @__PURE__ */ jsxs(
+                CardHeader,
+                {
+                  isBorderless: false,
+                  justify: "left",
+                  size: "small",
+                  gap: "6",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Navigator.BackButton,
+                      {
+                        icon: isRTL() ? chevronRight : chevronLeft,
+                        label: __("Back")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Text, { size: "16", children: section.tabLabel })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(CardBody, { children: section.content })
+            ] })
+          },
+          `${section.name}-menu`
+        );
+      })
+    ] });
   }
   return modalContent;
 }
-//# sourceMappingURL=index.js.map
+export {
+  PreferencesModalTabs as default
+};
+//# sourceMappingURL=index.js.map