@wordpress/interface 9.17.0 → 9.17.1-next.b8c8708f3.0

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

@@ -1,15 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { check } from '@wordpress/icons';
-import { MenuItem } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ComplementaryAreaToggle from '../complementary-area-toggle';
-import ActionItem from '../action-item';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { check } from "@wordpress/icons";
+import { MenuItem } from "@wordpress/components";
+import ComplementaryAreaToggle from "../complementary-area-toggle";
+import ActionItem from "../action-item";
 const PluginsMenuItem = ({
   // Menu item is marked with unstable prop for backward compatibility.
   // They are removed so they don't leak to DOM elements.
@@ -17,30 +10,37 @@ const PluginsMenuItem = ({
   __unstableExplicitMenuItem,
   __unstableTarget,
   ...restProps
-}) => /*#__PURE__*/_jsx(MenuItem, {
-  ...restProps
-});
-export default function ComplementaryAreaMoreMenuItem({
+}) => /* @__PURE__ */ jsx(MenuItem, { ...restProps });
+function ComplementaryAreaMoreMenuItem({
   scope,
   target,
   __unstableExplicitMenuItem,
   ...props
 }) {
-  return /*#__PURE__*/_jsx(ComplementaryAreaToggle, {
-    as: toggleProps => {
-      return /*#__PURE__*/_jsx(ActionItem, {
-        __unstableExplicitMenuItem: __unstableExplicitMenuItem,
-        __unstableTarget: `${scope}/${target}`,
-        as: PluginsMenuItem,
-        name: `${scope}/plugin-more-menu`,
-        ...toggleProps
-      });
-    },
-    role: "menuitemcheckbox",
-    selectedIcon: check,
-    name: target,
-    scope: scope,
-    ...props
-  });
+  return /* @__PURE__ */ jsx(
+    ComplementaryAreaToggle,
+    {
+      as: (toggleProps) => {
+        return /* @__PURE__ */ jsx(
+          ActionItem,
+          {
+            __unstableExplicitMenuItem,
+            __unstableTarget: `${scope}/${target}`,
+            as: PluginsMenuItem,
+            name: `${scope}/plugin-more-menu`,
+            ...toggleProps
+          }
+        );
+      },
+      role: "menuitemcheckbox",
+      selectedIcon: check,
+      name: target,
+      scope,
+      ...props
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  ComplementaryAreaMoreMenuItem as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["check","MenuItem","ComplementaryAreaToggle","ActionItem","jsx","_jsx","PluginsMenuItem","__unstableExplicitMenuItem","__unstableTarget","restProps","ComplementaryAreaMoreMenuItem","scope","target","props","as","toggleProps","name","role","selectedIcon"],"sources":["@wordpress/interface/src/components/complementary-area-more-menu-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\nimport { MenuItem } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport ActionItem from '../action-item';\n\nconst PluginsMenuItem = ( {\n\t// Menu item is marked with unstable prop for backward compatibility.\n\t// They are removed so they don't leak to DOM elements.\n\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t__unstableExplicitMenuItem,\n\t__unstableTarget,\n\t...restProps\n} ) => <MenuItem { ...restProps } />;\n\nexport default function ComplementaryAreaMoreMenuItem( {\n\tscope,\n\ttarget,\n\t__unstableExplicitMenuItem,\n\t...props\n} ) {\n\treturn (\n\t\t<ComplementaryAreaToggle\n\t\t\tas={ ( toggleProps ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ActionItem\n\t\t\t\t\t\t__unstableExplicitMenuItem={\n\t\t\t\t\t\t\t__unstableExplicitMenuItem\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableTarget={ `${ scope }/${ target }` }\n\t\t\t\t\t\tas={ PluginsMenuItem }\n\t\t\t\t\t\tname={ `${ scope }/plugin-more-menu` }\n\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tselectedIcon={ check }\n\t\t\tname={ target }\n\t\t\tscope={ scope }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,kBAAkB;AACxC,SAASC,QAAQ,QAAQ,uBAAuB;;AAEhD;AACA;AACA;AACA,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,UAAU,MAAM,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExC,MAAMC,eAAe,GAAGA,CAAE;EACzB;EACA;EACA;EACAC,0BAA0B;EAC1BC,gBAAgB;EAChB,GAAGC;AACJ,CAAC,kBAAMJ,IAAA,CAACJ,QAAQ;EAAA,GAAMQ;AAAS,CAAI,CAAC;AAEpC,eAAe,SAASC,6BAA6BA,CAAE;EACtDC,KAAK;EACLC,MAAM;EACNL,0BAA0B;EAC1B,GAAGM;AACJ,CAAC,EAAG;EACH,oBACCR,IAAA,CAACH,uBAAuB;IACvBY,EAAE,EAAKC,WAAW,IAAM;MACvB,oBACCV,IAAA,CAACF,UAAU;QACVI,0BAA0B,EACzBA,0BACA;QACDC,gBAAgB,EAAG,GAAIG,KAAK,IAAMC,MAAM,EAAK;QAC7CE,EAAE,EAAGR,eAAiB;QACtBU,IAAI,EAAG,GAAIL,KAAK,mBAAsB;QAAA,GACjCI;MAAW,CAChB,CAAC;IAEJ,CAAG;IACHE,IAAI,EAAC,kBAAkB;IACvBC,YAAY,EAAGlB,KAAO;IACtBgB,IAAI,EAAGJ,MAAQ;IACfD,KAAK,EAAGA,KAAO;IAAA,GACVE;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/complementary-area-more-menu-item/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\nimport { MenuItem } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ComplementaryAreaToggle from '../complementary-area-toggle';\nimport ActionItem from '../action-item';\n\nconst PluginsMenuItem = ( {\n\t// Menu item is marked with unstable prop for backward compatibility.\n\t// They are removed so they don't leak to DOM elements.\n\t// @see https://github.com/WordPress/gutenberg/issues/14457\n\t__unstableExplicitMenuItem,\n\t__unstableTarget,\n\t...restProps\n} ) => <MenuItem { ...restProps } />;\n\nexport default function ComplementaryAreaMoreMenuItem( {\n\tscope,\n\ttarget,\n\t__unstableExplicitMenuItem,\n\t...props\n} ) {\n\treturn (\n\t\t<ComplementaryAreaToggle\n\t\t\tas={ ( toggleProps ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ActionItem\n\t\t\t\t\t\t__unstableExplicitMenuItem={\n\t\t\t\t\t\t\t__unstableExplicitMenuItem\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableTarget={ `${ scope }/${ target }` }\n\t\t\t\t\t\tas={ PluginsMenuItem }\n\t\t\t\t\t\tname={ `${ scope }/plugin-more-menu` }\n\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tselectedIcon={ check }\n\t\t\tname={ target }\n\t\t\tscope={ scope }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AAmBO;AAhBP,SAAS,aAAa;AACtB,SAAS,gBAAgB;AAKzB,OAAO,6BAA6B;AACpC,OAAO,gBAAgB;AAEvB,MAAM,kBAAkB,CAAE;AAAA;AAAA;AAAA;AAAA,EAIzB;AAAA,EACA;AAAA,EACA,GAAG;AACJ,MAAO,oBAAC,YAAW,GAAG,WAAY;AAEnB,SAAR,8BAAgD;AAAA,EACtD;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,SACC;AAAA,IAAC;AAAA;AAAA,MACA,IAAK,CAAE,gBAAiB;AACvB,eACC;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YAGA,kBAAmB,GAAI,KAAM,IAAK,MAAO;AAAA,YACzC,IAAK;AAAA,YACL,MAAO,GAAI,KAAM;AAAA,YACf,GAAG;AAAA;AAAA,QACN;AAAA,MAEF;AAAA,MACA,MAAK;AAAA,MACL,cAAe;AAAA,MACf,MAAO;AAAA,MACP;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;",
+  "names": []
+}

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

@@ -1,27 +1,20 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { usePluginContext } from '@wordpress/plugins';
-
-/**
- * Internal dependencies
- */
-import { store as interfaceStore } from '../../store';
-
-/**
- * Whether the role supports checked state.
- *
- * @see https://www.w3.org/TR/wai-aria-1.1/#aria-checked
- * @param {import('react').AriaRole} role Role.
- * @return {boolean} Whether the role supports checked state.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@wordpress/components";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { usePluginContext } from "@wordpress/plugins";
+import { store as interfaceStore } from "../../store";
 function roleSupportsCheckedState(role) {
-  return ['checkbox', 'option', 'radio', 'switch', 'menuitemcheckbox', 'menuitemradio', 'treeitem'].includes(role);
+  return [
+    "checkbox",
+    "option",
+    "radio",
+    "switch",
+    "menuitemcheckbox",
+    "menuitemradio",
+    "treeitem"
+  ].includes(role);
 }
-export default function ComplementaryAreaToggle({
+function ComplementaryAreaToggle({
   as = Button,
   scope,
   identifier: identifierProp,
@@ -35,26 +28,30 @@ export default function ComplementaryAreaToggle({
   const context = usePluginContext();
   const icon = iconProp || context.icon;
   const identifier = identifierProp || `${context.name}/${name}`;
-  const isSelected = useSelect(select => select(interfaceStore).getActiveComplementaryArea(scope) === identifier, [identifier, scope]);
-  const {
-    enableComplementaryArea,
-    disableComplementaryArea
-  } = useDispatch(interfaceStore);
-  return /*#__PURE__*/_jsx(ComponentToUse, {
-    icon: selectedIcon && isSelected ? selectedIcon : icon,
-    "aria-controls": identifier.replace('/', ':')
-    // Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked
-    ,
-    "aria-checked": roleSupportsCheckedState(props.role) ? isSelected : undefined,
-    onClick: () => {
-      if (isSelected) {
-        disableComplementaryArea(scope);
-      } else {
-        enableComplementaryArea(scope, identifier);
-      }
-    },
-    shortcut: shortcut,
-    ...props
-  });
+  const isSelected = useSelect(
+    (select) => select(interfaceStore).getActiveComplementaryArea(scope) === identifier,
+    [identifier, scope]
+  );
+  const { enableComplementaryArea, disableComplementaryArea } = useDispatch(interfaceStore);
+  return /* @__PURE__ */ jsx(
+    ComponentToUse,
+    {
+      icon: selectedIcon && isSelected ? selectedIcon : icon,
+      "aria-controls": identifier.replace("/", ":"),
+      "aria-checked": roleSupportsCheckedState(props.role) ? isSelected : void 0,
+      onClick: () => {
+        if (isSelected) {
+          disableComplementaryArea(scope);
+        } else {
+          enableComplementaryArea(scope, identifier);
+        }
+      },
+      shortcut,
+      ...props
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  ComplementaryAreaToggle as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Button","useDispatch","useSelect","usePluginContext","store","interfaceStore","jsx","_jsx","roleSupportsCheckedState","role","includes","ComplementaryAreaToggle","as","scope","identifier","identifierProp","icon","iconProp","selectedIcon","name","shortcut","props","ComponentToUse","context","isSelected","select","getActiveComplementaryArea","enableComplementaryArea","disableComplementaryArea","replace","undefined","onClick"],"sources":["@wordpress/interface/src/components/complementary-area-toggle/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { usePluginContext } from '@wordpress/plugins';\n\n/**\n * Internal dependencies\n */\nimport { store as interfaceStore } from '../../store';\n\n/**\n * Whether the role supports checked state.\n *\n * @see https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n * @param {import('react').AriaRole} role Role.\n * @return {boolean} Whether the role supports checked state.\n */\nfunction roleSupportsCheckedState( role ) {\n\treturn [\n\t\t'checkbox',\n\t\t'option',\n\t\t'radio',\n\t\t'switch',\n\t\t'menuitemcheckbox',\n\t\t'menuitemradio',\n\t\t'treeitem',\n\t].includes( role );\n}\n\nexport default function ComplementaryAreaToggle( {\n\tas = Button,\n\tscope,\n\tidentifier: identifierProp,\n\ticon: iconProp,\n\tselectedIcon,\n\tname,\n\tshortcut,\n\t...props\n} ) {\n\tconst ComponentToUse = as;\n\tconst context = usePluginContext();\n\tconst icon = iconProp || context.icon;\n\tconst identifier = identifierProp || `${ context.name }/${ name }`;\n\tconst isSelected = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( scope ) ===\n\t\t\tidentifier,\n\t\t[ identifier, scope ]\n\t);\n\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\n\treturn (\n\t\t<ComponentToUse\n\t\t\ticon={ selectedIcon && isSelected ? selectedIcon : icon }\n\t\t\taria-controls={ identifier.replace( '/', ':' ) }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\troleSupportsCheckedState( props.role ) ? isSelected : undefined\n\t\t\t}\n\t\t\tonClick={ () => {\n\t\t\t\tif ( isSelected ) {\n\t\t\t\t\tdisableComplementaryArea( scope );\n\t\t\t\t} else {\n\t\t\t\t\tenableComplementaryArea( scope, identifier );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tshortcut={ shortcut }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,gBAAgB,QAAQ,oBAAoB;;AAErD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,cAAc,QAAQ,aAAa;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,SAASC,wBAAwBA,CAAEC,IAAI,EAAG;EACzC,OAAO,CACN,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,kBAAkB,EAClB,eAAe,EACf,UAAU,CACV,CAACC,QAAQ,CAAED,IAAK,CAAC;AACnB;AAEA,eAAe,SAASE,uBAAuBA,CAAE;EAChDC,EAAE,GAAGZ,MAAM;EACXa,KAAK;EACLC,UAAU,EAAEC,cAAc;EAC1BC,IAAI,EAAEC,QAAQ;EACdC,YAAY;EACZC,IAAI;EACJC,QAAQ;EACR,GAAGC;AACJ,CAAC,EAAG;EACH,MAAMC,cAAc,GAAGV,EAAE;EACzB,MAAMW,OAAO,GAAGpB,gBAAgB,CAAC,CAAC;EAClC,MAAMa,IAAI,GAAGC,QAAQ,IAAIM,OAAO,CAACP,IAAI;EACrC,MAAMF,UAAU,GAAGC,cAAc,IAAI,GAAIQ,OAAO,CAACJ,IAAI,IAAMA,IAAI,EAAG;EAClE,MAAMK,UAAU,GAAGtB,SAAS,CACzBuB,MAAM,IACPA,MAAM,CAAEpB,cAAe,CAAC,CAACqB,0BAA0B,CAAEb,KAAM,CAAC,KAC5DC,UAAU,EACX,CAAEA,UAAU,EAAED,KAAK,CACpB,CAAC;EAED,MAAM;IAAEc,uBAAuB;IAAEC;EAAyB,CAAC,GAC1D3B,WAAW,CAAEI,cAAe,CAAC;EAE9B,oBACCE,IAAA,CAACe,cAAc;IACdN,IAAI,EAAGE,YAAY,IAAIM,UAAU,GAAGN,YAAY,GAAGF,IAAM;IACzD,iBAAgBF,UAAU,CAACe,OAAO,CAAE,GAAG,EAAE,GAAI;IAC7C;IAAA;IACA,gBACCrB,wBAAwB,CAAEa,KAAK,CAACZ,IAAK,CAAC,GAAGe,UAAU,GAAGM,SACtD;IACDC,OAAO,EAAGA,CAAA,KAAM;MACf,IAAKP,UAAU,EAAG;QACjBI,wBAAwB,CAAEf,KAAM,CAAC;MAClC,CAAC,MAAM;QACNc,uBAAuB,CAAEd,KAAK,EAAEC,UAAW,CAAC;MAC7C;IACD,CAAG;IACHM,QAAQ,EAAGA,QAAU;IAAA,GAChBC;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/complementary-area-toggle/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { usePluginContext } from '@wordpress/plugins';\n\n/**\n * Internal dependencies\n */\nimport { store as interfaceStore } from '../../store';\n\n/**\n * Whether the role supports checked state.\n *\n * @see https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n * @param {import('react').AriaRole} role Role.\n * @return {boolean} Whether the role supports checked state.\n */\nfunction roleSupportsCheckedState( role ) {\n\treturn [\n\t\t'checkbox',\n\t\t'option',\n\t\t'radio',\n\t\t'switch',\n\t\t'menuitemcheckbox',\n\t\t'menuitemradio',\n\t\t'treeitem',\n\t].includes( role );\n}\n\nexport default function ComplementaryAreaToggle( {\n\tas = Button,\n\tscope,\n\tidentifier: identifierProp,\n\ticon: iconProp,\n\tselectedIcon,\n\tname,\n\tshortcut,\n\t...props\n} ) {\n\tconst ComponentToUse = as;\n\tconst context = usePluginContext();\n\tconst icon = iconProp || context.icon;\n\tconst identifier = identifierProp || `${ context.name }/${ name }`;\n\tconst isSelected = useSelect(\n\t\t( select ) =>\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( scope ) ===\n\t\t\tidentifier,\n\t\t[ identifier, scope ]\n\t);\n\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\n\treturn (\n\t\t<ComponentToUse\n\t\t\ticon={ selectedIcon && isSelected ? selectedIcon : icon }\n\t\t\taria-controls={ identifier.replace( '/', ':' ) }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\troleSupportsCheckedState( props.role ) ? isSelected : undefined\n\t\t\t}\n\t\t\tonClick={ () => {\n\t\t\t\tif ( isSelected ) {\n\t\t\t\t\tdisableComplementaryArea( scope );\n\t\t\t\t} else {\n\t\t\t\t\tenableComplementaryArea( scope, identifier );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tshortcut={ shortcut }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AAwDE;AArDF,SAAS,cAAc;AACvB,SAAS,aAAa,iBAAiB;AACvC,SAAS,wBAAwB;AAKjC,SAAS,SAAS,sBAAsB;AASxC,SAAS,yBAA0B,MAAO;AACzC,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,EAAE,SAAU,IAAK;AAClB;AAEe,SAAR,wBAA0C;AAAA,EAChD,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,iBAAiB;AACvB,QAAM,UAAU,iBAAiB;AACjC,QAAM,OAAO,YAAY,QAAQ;AACjC,QAAM,aAAa,kBAAkB,GAAI,QAAQ,IAAK,IAAK,IAAK;AAChE,QAAM,aAAa;AAAA,IAClB,CAAE,WACD,OAAQ,cAAe,EAAE,2BAA4B,KAAM,MAC3D;AAAA,IACD,CAAE,YAAY,KAAM;AAAA,EACrB;AAEA,QAAM,EAAE,yBAAyB,yBAAyB,IACzD,YAAa,cAAe;AAE7B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO,gBAAgB,aAAa,eAAe;AAAA,MACnD,iBAAgB,WAAW,QAAS,KAAK,GAAI;AAAA,MAE7C,gBACC,yBAA0B,MAAM,IAAK,IAAI,aAAa;AAAA,MAEvD,SAAU,MAAM;AACf,YAAK,YAAa;AACjB,mCAA0B,KAAM;AAAA,QACjC,OAAO;AACN,kCAAyB,OAAO,UAAW;AAAA,QAC5C;AAAA,MACD;AAAA,MACA;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;",
+  "names": []
+}

package/build-module/components/fullscreen-mode/index.js

@@ -1,39 +1,33 @@
-/**
- * WordPress dependencies
- */
-import { useEffect } from '@wordpress/element';
-const FullscreenMode = ({
-  isActive
-}) => {
+import { useEffect } from "@wordpress/element";
+const FullscreenMode = ({ isActive }) => {
   useEffect(() => {
     let isSticky = false;
-    // `is-fullscreen-mode` is set in PHP as a body class by Gutenberg, and this causes
-    // `sticky-menu` to be applied by WordPress and prevents the admin menu being scrolled
-    // even if `is-fullscreen-mode` is then removed. Let's remove `sticky-menu` here as
-    // a consequence of the FullscreenMode setup.
-    if (document.body.classList.contains('sticky-menu')) {
+    if (document.body.classList.contains("sticky-menu")) {
       isSticky = true;
-      document.body.classList.remove('sticky-menu');
+      document.body.classList.remove("sticky-menu");
     }
     return () => {
       if (isSticky) {
-        document.body.classList.add('sticky-menu');
+        document.body.classList.add("sticky-menu");
       }
     };
   }, []);
   useEffect(() => {
     if (isActive) {
-      document.body.classList.add('is-fullscreen-mode');
+      document.body.classList.add("is-fullscreen-mode");
     } else {
-      document.body.classList.remove('is-fullscreen-mode');
+      document.body.classList.remove("is-fullscreen-mode");
     }
     return () => {
       if (isActive) {
-        document.body.classList.remove('is-fullscreen-mode');
+        document.body.classList.remove("is-fullscreen-mode");
       }
     };
   }, [isActive]);
   return null;
 };
-export default FullscreenMode;
-//# sourceMappingURL=index.js.map
+var fullscreen_mode_default = FullscreenMode;
+export {
+  fullscreen_mode_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/fullscreen-mode/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","FullscreenMode","isActive","isSticky","document","body","classList","contains","remove","add"],"sources":["@wordpress/interface/src/components/fullscreen-mode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\nconst FullscreenMode = ( { isActive } ) => {\n\tuseEffect( () => {\n\t\tlet isSticky = false;\n\t\t// `is-fullscreen-mode` is set in PHP as a body class by Gutenberg, and this causes\n\t\t// `sticky-menu` to be applied by WordPress and prevents the admin menu being scrolled\n\t\t// even if `is-fullscreen-mode` is then removed. Let's remove `sticky-menu` here as\n\t\t// a consequence of the FullscreenMode setup.\n\t\tif ( document.body.classList.contains( 'sticky-menu' ) ) {\n\t\t\tisSticky = true;\n\t\t\tdocument.body.classList.remove( 'sticky-menu' );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( isSticky ) {\n\t\t\t\tdocument.body.classList.add( 'sticky-menu' );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isActive ) {\n\t\t\tdocument.body.classList.add( 'is-fullscreen-mode' );\n\t\t} else {\n\t\t\tdocument.body.classList.remove( 'is-fullscreen-mode' );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( isActive ) {\n\t\t\t\tdocument.body.classList.remove( 'is-fullscreen-mode' );\n\t\t\t}\n\t\t};\n\t}, [ isActive ] );\n\n\treturn null;\n};\nexport default FullscreenMode;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAE9C,MAAMC,cAAc,GAAGA,CAAE;EAAEC;AAAS,CAAC,KAAM;EAC1CF,SAAS,CAAE,MAAM;IAChB,IAAIG,QAAQ,GAAG,KAAK;IACpB;IACA;IACA;IACA;IACA,IAAKC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAE,aAAc,CAAC,EAAG;MACxDJ,QAAQ,GAAG,IAAI;MACfC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAE,aAAc,CAAC;IAChD;IAEA,OAAO,MAAM;MACZ,IAAKL,QAAQ,EAAG;QACfC,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACG,GAAG,CAAE,aAAc,CAAC;MAC7C;IACD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEPT,SAAS,CAAE,MAAM;IAChB,IAAKE,QAAQ,EAAG;MACfE,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACG,GAAG,CAAE,oBAAqB,CAAC;IACpD,CAAC,MAAM;MACNL,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAE,oBAAqB,CAAC;IACvD;IAEA,OAAO,MAAM;MACZ,IAAKN,QAAQ,EAAG;QACfE,QAAQ,CAACC,IAAI,CAACC,SAAS,CAACE,MAAM,CAAE,oBAAqB,CAAC;MACvD;IACD,CAAC;EACF,CAAC,EAAE,CAAEN,QAAQ,CAAG,CAAC;EAEjB,OAAO,IAAI;AACZ,CAAC;AACD,eAAeD,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/fullscreen-mode/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\nconst FullscreenMode = ( { isActive } ) => {\n\tuseEffect( () => {\n\t\tlet isSticky = false;\n\t\t// `is-fullscreen-mode` is set in PHP as a body class by Gutenberg, and this causes\n\t\t// `sticky-menu` to be applied by WordPress and prevents the admin menu being scrolled\n\t\t// even if `is-fullscreen-mode` is then removed. Let's remove `sticky-menu` here as\n\t\t// a consequence of the FullscreenMode setup.\n\t\tif ( document.body.classList.contains( 'sticky-menu' ) ) {\n\t\t\tisSticky = true;\n\t\t\tdocument.body.classList.remove( 'sticky-menu' );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( isSticky ) {\n\t\t\t\tdocument.body.classList.add( 'sticky-menu' );\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( isActive ) {\n\t\t\tdocument.body.classList.add( 'is-fullscreen-mode' );\n\t\t} else {\n\t\t\tdocument.body.classList.remove( 'is-fullscreen-mode' );\n\t\t}\n\n\t\treturn () => {\n\t\t\tif ( isActive ) {\n\t\t\t\tdocument.body.classList.remove( 'is-fullscreen-mode' );\n\t\t\t}\n\t\t};\n\t}, [ isActive ] );\n\n\treturn null;\n};\nexport default FullscreenMode;\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB,CAAE,EAAE,SAAS,MAAO;AAC1C,YAAW,MAAM;AAChB,QAAI,WAAW;AAKf,QAAK,SAAS,KAAK,UAAU,SAAU,aAAc,GAAI;AACxD,iBAAW;AACX,eAAS,KAAK,UAAU,OAAQ,aAAc;AAAA,IAC/C;AAEA,WAAO,MAAM;AACZ,UAAK,UAAW;AACf,iBAAS,KAAK,UAAU,IAAK,aAAc;AAAA,MAC5C;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,YAAW,MAAM;AAChB,QAAK,UAAW;AACf,eAAS,KAAK,UAAU,IAAK,oBAAqB;AAAA,IACnD,OAAO;AACN,eAAS,KAAK,UAAU,OAAQ,oBAAqB;AAAA,IACtD;AAEA,WAAO,MAAM;AACZ,UAAK,UAAW;AACf,iBAAS,KAAK,UAAU,OAAQ,oBAAqB;AAAA,MACtD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,QAAS,CAAE;AAEhB,SAAO;AACR;AACA,IAAO,0BAAQ;",
+  "names": []
+}

package/build-module/components/index.js

@@ -1,8 +1,15 @@
-export { default as ComplementaryArea } from './complementary-area';
-export { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';
-export { default as FullscreenMode } from './fullscreen-mode';
-export { default as InterfaceSkeleton } from './interface-skeleton';
-export { default as PinnedItems } from './pinned-items';
-export { default as ActionItem } from './action-item';
-export { default as NavigableRegion } from './navigable-region';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./complementary-area";
+import { default as default3 } from "./complementary-area-more-menu-item";
+import { default as default4 } from "./fullscreen-mode";
+import { default as default5 } from "./interface-skeleton";
+import { default as default6 } from "./pinned-items";
+import { default as default7 } from "./action-item";
+export {
+  default7 as ActionItem,
+  default2 as ComplementaryArea,
+  default3 as ComplementaryAreaMoreMenuItem,
+  default4 as FullscreenMode,
+  default5 as InterfaceSkeleton,
+  default6 as PinnedItems
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["default","ComplementaryArea","ComplementaryAreaMoreMenuItem","FullscreenMode","InterfaceSkeleton","PinnedItems","ActionItem","NavigableRegion"],"sources":["@wordpress/interface/src/components/index.js"],"sourcesContent":["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as ActionItem } from './action-item';\nexport { default as NavigableRegion } from './navigable-region';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,sBAAsB;AACnE,SAASD,OAAO,IAAIE,6BAA6B,QAAQ,qCAAqC;AAC9F,SAASF,OAAO,IAAIG,cAAc,QAAQ,mBAAmB;AAC7D,SAASH,OAAO,IAAII,iBAAiB,QAAQ,sBAAsB;AACnE,SAASJ,OAAO,IAAIK,WAAW,QAAQ,gBAAgB;AACvD,SAASL,OAAO,IAAIM,UAAU,QAAQ,eAAe;AACrD,SAASN,OAAO,IAAIO,eAAe,QAAQ,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/components/index.js"],
+  "sourcesContent": ["export { default as ComplementaryArea } from './complementary-area';\nexport { default as ComplementaryAreaMoreMenuItem } from './complementary-area-more-menu-item';\nexport { default as FullscreenMode } from './fullscreen-mode';\nexport { default as InterfaceSkeleton } from './interface-skeleton';\nexport { default as PinnedItems } from './pinned-items';\nexport { default as ActionItem } from './action-item';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAAoC;AAC7C,SAAoB,WAAXA,gBAAgD;AACzD,SAAoB,WAAXA,gBAAiC;AAC1C,SAAoB,WAAXA,gBAAoC;AAC7C,SAAoB,WAAXA,gBAA8B;AACvC,SAAoB,WAAXA,gBAA6B;",
+  "names": ["default"]
+}

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

@@ -1,24 +1,20 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { forwardRef, useEffect } from '@wordpress/element';
-import { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence } from '@wordpress/components';
-import { __, _x } from '@wordpress/i18n';
-import { useReducedMotion, useViewportMatch, useResizeObserver } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import NavigableRegion from '../navigable-region';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { NavigableRegion } from "@wordpress/admin-ui";
+import { forwardRef, useEffect } from "@wordpress/element";
+import {
+  __unstableMotion as motion,
+  __unstableAnimatePresence as AnimatePresence
+} from "@wordpress/components";
+import { __, _x } from "@wordpress/i18n";
+import {
+  useReducedMotion,
+  useViewportMatch,
+  useResizeObserver
+} from "@wordpress/compose";
 const ANIMATION_DURATION = 0.25;
 const commonTransition = {
-  type: 'tween',
+  type: "tween",
   duration: ANIMATION_DURATION,
   ease: [0.6, 0, 0.4, 1]
 };
@@ -35,14 +31,8 @@ function useHTMLClass(className) {
   }, [className]);
 }
 const headerVariants = {
-  hidden: {
-    opacity: 1,
-    marginTop: -60
-  },
-  visible: {
-    opacity: 1,
-    marginTop: 0
-  },
+  hidden: { opacity: 1, marginTop: -60 },
+  visible: { opacity: 1, marginTop: 0 },
   distractionFreeHover: {
     opacity: 1,
     marginTop: 0,
@@ -79,113 +69,133 @@ function InterfaceSkeleton({
   className
 }, ref) {
   const [secondarySidebarResizeListener, secondarySidebarSize] = useResizeObserver();
-  const isMobileViewport = useViewportMatch('medium', '<');
+  const isMobileViewport = useViewportMatch("medium", "<");
   const disableMotion = useReducedMotion();
   const defaultTransition = {
-    type: 'tween',
+    type: "tween",
     duration: disableMotion ? 0 : ANIMATION_DURATION,
     ease: [0.6, 0, 0.4, 1]
   };
-  useHTMLClass('interface-interface-skeleton__html-container');
+  useHTMLClass("interface-interface-skeleton__html-container");
   const defaultLabels = {
     /* translators: accessibility text for the top bar landmark region. */
-    header: _x('Header', 'header landmark area'),
+    header: _x("Header", "header landmark area"),
     /* translators: accessibility text for the content landmark region. */
-    body: __('Content'),
+    body: __("Content"),
     /* translators: accessibility text for the secondary sidebar landmark region. */
-    secondarySidebar: __('Block Library'),
+    secondarySidebar: __("Block Library"),
     /* translators: accessibility text for the settings landmark region. */
-    sidebar: _x('Settings', 'settings landmark area'),
+    sidebar: _x("Settings", "settings landmark area"),
     /* translators: accessibility text for the publish landmark region. */
-    actions: __('Publish'),
+    actions: __("Publish"),
     /* translators: accessibility text for the footer landmark region. */
-    footer: __('Footer')
-  };
-  const mergedLabels = {
-    ...defaultLabels,
-    ...labels
+    footer: __("Footer")
   };
-  return /*#__PURE__*/_jsxs("div", {
-    ref: ref,
-    className: clsx(className, 'interface-interface-skeleton', !!footer && 'has-footer'),
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "interface-interface-skeleton__editor",
-      children: [/*#__PURE__*/_jsx(AnimatePresence, {
-        initial: false,
-        children: !!header && /*#__PURE__*/_jsx(NavigableRegion, {
-          as: motion.div,
-          className: "interface-interface-skeleton__header",
-          "aria-label": mergedLabels.header,
-          initial: isDistractionFree && !isMobileViewport ? 'distractionFreeHidden' : 'hidden',
-          whileHover: isDistractionFree && !isMobileViewport ? 'distractionFreeHover' : 'visible',
-          animate: isDistractionFree && !isMobileViewport ? 'distractionFreeDisabled' : 'visible',
-          exit: isDistractionFree && !isMobileViewport ? 'distractionFreeHidden' : 'hidden',
-          variants: headerVariants,
-          transition: defaultTransition,
-          children: header
-        })
-      }), isDistractionFree && /*#__PURE__*/_jsx("div", {
-        className: "interface-interface-skeleton__header",
-        children: editorNotices
-      }), /*#__PURE__*/_jsxs("div", {
-        className: "interface-interface-skeleton__body",
-        children: [/*#__PURE__*/_jsx(AnimatePresence, {
-          initial: false,
-          children: !!secondarySidebar && /*#__PURE__*/_jsx(NavigableRegion, {
-            className: "interface-interface-skeleton__secondary-sidebar",
-            ariaLabel: mergedLabels.secondarySidebar,
-            as: motion.div,
-            initial: "closed",
-            animate: "open",
-            exit: "closed",
-            variants: {
-              open: {
-                width: secondarySidebarSize.width
-              },
-              closed: {
-                width: 0
-              }
-            },
-            transition: defaultTransition,
-            children: /*#__PURE__*/_jsxs(motion.div, {
-              style: {
-                position: 'absolute',
-                width: isMobileViewport ? '100vw' : 'fit-content',
-                height: '100%',
-                left: 0
-              },
-              variants: {
-                open: {
-                  x: 0
-                },
-                closed: {
-                  x: '-100%'
-                }
-              },
+  const mergedLabels = { ...defaultLabels, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: clsx(
+        className,
+        "interface-interface-skeleton",
+        !!footer && "has-footer"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "interface-interface-skeleton__editor", children: [
+          /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: !!header && /* @__PURE__ */ jsx(
+            NavigableRegion,
+            {
+              as: motion.div,
+              className: "interface-interface-skeleton__header",
+              "aria-label": mergedLabels.header,
+              initial: isDistractionFree && !isMobileViewport ? "distractionFreeHidden" : "hidden",
+              whileHover: isDistractionFree && !isMobileViewport ? "distractionFreeHover" : "visible",
+              animate: isDistractionFree && !isMobileViewport ? "distractionFreeDisabled" : "visible",
+              exit: isDistractionFree && !isMobileViewport ? "distractionFreeHidden" : "hidden",
+              variants: headerVariants,
               transition: defaultTransition,
-              children: [secondarySidebarResizeListener, secondarySidebar]
-            })
-          })
-        }), /*#__PURE__*/_jsx(NavigableRegion, {
-          className: "interface-interface-skeleton__content",
-          ariaLabel: mergedLabels.body,
-          children: content
-        }), !!sidebar && /*#__PURE__*/_jsx(NavigableRegion, {
-          className: "interface-interface-skeleton__sidebar",
-          ariaLabel: mergedLabels.sidebar,
-          children: sidebar
-        }), !!actions && /*#__PURE__*/_jsx(NavigableRegion, {
-          className: "interface-interface-skeleton__actions",
-          ariaLabel: mergedLabels.actions,
-          children: actions
-        })]
-      })]
-    }), !!footer && /*#__PURE__*/_jsx(NavigableRegion, {
-      className: "interface-interface-skeleton__footer",
-      ariaLabel: mergedLabels.footer,
-      children: footer
-    })]
-  });
+              children: header
+            }
+          ) }),
+          isDistractionFree && /* @__PURE__ */ jsx("div", { className: "interface-interface-skeleton__header", children: editorNotices }),
+          /* @__PURE__ */ jsxs("div", { className: "interface-interface-skeleton__body", children: [
+            /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: !!secondarySidebar && /* @__PURE__ */ jsx(
+              NavigableRegion,
+              {
+                className: "interface-interface-skeleton__secondary-sidebar",
+                ariaLabel: mergedLabels.secondarySidebar,
+                as: motion.div,
+                initial: "closed",
+                animate: "open",
+                exit: "closed",
+                variants: {
+                  open: { width: secondarySidebarSize.width },
+                  closed: { width: 0 }
+                },
+                transition: defaultTransition,
+                children: /* @__PURE__ */ jsxs(
+                  motion.div,
+                  {
+                    style: {
+                      position: "absolute",
+                      width: isMobileViewport ? "100vw" : "fit-content",
+                      height: "100%",
+                      left: 0
+                    },
+                    variants: {
+                      open: { x: 0 },
+                      closed: { x: "-100%" }
+                    },
+                    transition: defaultTransition,
+                    children: [
+                      secondarySidebarResizeListener,
+                      secondarySidebar
+                    ]
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              NavigableRegion,
+              {
+                className: "interface-interface-skeleton__content",
+                ariaLabel: mergedLabels.body,
+                children: content
+              }
+            ),
+            !!sidebar && /* @__PURE__ */ jsx(
+              NavigableRegion,
+              {
+                className: "interface-interface-skeleton__sidebar",
+                ariaLabel: mergedLabels.sidebar,
+                children: sidebar
+              }
+            ),
+            !!actions && /* @__PURE__ */ jsx(
+              NavigableRegion,
+              {
+                className: "interface-interface-skeleton__actions",
+                ariaLabel: mergedLabels.actions,
+                children: actions
+              }
+            )
+          ] })
+        ] }),
+        !!footer && /* @__PURE__ */ jsx(
+          NavigableRegion,
+          {
+            className: "interface-interface-skeleton__footer",
+            ariaLabel: mergedLabels.footer,
+            children: footer
+          }
+        )
+      ]
+    }
+  );
 }
-export default forwardRef(InterfaceSkeleton);
-//# sourceMappingURL=index.js.map
+var interface_skeleton_default = forwardRef(InterfaceSkeleton);
+export {
+  interface_skeleton_default as default
+};
+//# sourceMappingURL=index.js.map