@wordpress/components 27.6.0 → 28.0.0

package/build/toolbar/toolbar-button/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ToolbarButton = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _button = _interopRequireDefault(require("../../button"));
 var _toolbarItem = _interopRequireDefault(require("../toolbar-item"));
 var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
 var _toolbarButtonContainer = _interopRequireDefault(require("./toolbar-button-container"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -36,44 +36,48 @@ function UnforwardedToolbarButton({
 }, ref) {
   const accessibleToolbarState = (0, _element.useContext)(_toolbarContext.default);
   if (!accessibleToolbarState) {
-    return (0, _react.createElement)(_toolbarButtonContainer.default, {
-      className: containerClassName
-    }, (0, _react.createElement)(_button.default, {
-      ref: ref,
-      icon: props.icon,
-      label: title,
-      shortcut: props.shortcut,
-      "data-subscript": props.subscript,
-      onClick: event => {
-        event.stopPropagation();
-        // TODO: Possible bug; maybe use onClick instead of props.onClick.
-        if (props.onClick) {
-          props.onClick(event);
-        }
-      },
-      className: (0, _clsx.default)('components-toolbar__control', className),
-      isPressed: isActive,
-      disabled: isDisabled,
-      "data-toolbar-item": true,
-      ...extraProps,
-      ...props
-    }, children));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarButtonContainer.default, {
+      className: containerClassName,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+        ref: ref,
+        icon: props.icon,
+        label: title,
+        shortcut: props.shortcut,
+        "data-subscript": props.subscript,
+        onClick: event => {
+          event.stopPropagation();
+          // TODO: Possible bug; maybe use onClick instead of props.onClick.
+          if (props.onClick) {
+            props.onClick(event);
+          }
+        },
+        className: (0, _clsx.default)('components-toolbar__control', className),
+        isPressed: isActive,
+        disabled: isDisabled,
+        "data-toolbar-item": true,
+        ...extraProps,
+        ...props,
+        children: children
+      })
+    });
   }
 
   // ToobarItem will pass all props to the render prop child, which will pass
   // all props to Button. This means that ToolbarButton has the same API as
   // Button.
-  return (0, _react.createElement)(_toolbarItem.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarItem.default, {
     className: (0, _clsx.default)('components-toolbar-button', className),
     ...extraProps,
     ...props,
-    ref: ref
-  }, toolbarItemProps => (0, _react.createElement)(_button.default, {
-    label: title,
-    isPressed: isActive,
-    disabled: isDisabled,
-    ...toolbarItemProps
-  }, children));
+    ref: ref,
+    children: toolbarItemProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      label: title,
+      isPressed: isActive,
+      disabled: isDisabled,
+      ...toolbarItemProps,
+      children: children
+    })
+  });
 }
 
 /**

package/build/toolbar/toolbar-button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_button","_toolbarItem","_toolbarContext","_toolbarButtonContainer","UnforwardedToolbarButton","children","className","containerClassName","extraProps","isActive","isDisabled","title","props","ref","accessibleToolbarState","useContext","ToolbarContext","_react","createElement","default","icon","label","shortcut","subscript","onClick","event","stopPropagation","clsx","isPressed","disabled","toolbarItemProps","ToolbarButton","exports","forwardRef","_default"],"sources":["@wordpress/components/src/toolbar/toolbar-button/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ForwardedRef, MouseEvent as ReactMouseEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarButtonContainer from './toolbar-button-container';\nimport type { ToolbarButtonProps } from './types';\nimport type { WordPressComponentProps } from '../../context';\n\nfunction UnforwardedToolbarButton(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tcontainerClassName,\n\t\textraProps,\n\t\tisActive,\n\t\tisDisabled,\n\t\ttitle,\n\t\t...props\n\t}: WordPressComponentProps< ToolbarButtonProps, typeof Button, false >,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarButtonContainer className={ containerClassName }>\n\t\t\t\t<Button\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ props.icon }\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tshortcut={ props.shortcut }\n\t\t\t\t\tdata-subscript={ props.subscript }\n\t\t\t\t\tonClick={ (\n\t\t\t\t\t\tevent: ReactMouseEvent<\n\t\t\t\t\t\t\tHTMLButtonElement & HTMLAnchorElement,\n\t\t\t\t\t\t\tMouseEvent\n\t\t\t\t\t\t>\n\t\t\t\t\t) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t// TODO: Possible bug; maybe use onClick instead of props.onClick.\n\t\t\t\t\t\tif ( props.onClick ) {\n\t\t\t\t\t\t\tprops.onClick( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'components-toolbar__control',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\tdata-toolbar-item\n\t\t\t\t\t{ ...extraProps }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t</ToolbarButtonContainer>\n\t\t);\n\t}\n\n\t// ToobarItem will pass all props to the render prop child, which will pass\n\t// all props to Button. This means that ToolbarButton has the same API as\n\t// Button.\n\treturn (\n\t\t<ToolbarItem\n\t\t\tclassName={ clsx( 'components-toolbar-button', className ) }\n\t\t\t{ ...extraProps }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t{ ...toolbarItemProps }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\n/**\n * ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar\n * or ToolbarGroup when used to create general interfaces.\n *\n * ```jsx\n * import { Toolbar, ToolbarButton } from '@wordpress/components';\n * import { edit } from '@wordpress/icons';\n *\n * function MyToolbar() {\n *   return (\n *\t\t<Toolbar label=\"Options\">\n *\t\t\t<ToolbarButton\n *\t\t\t\ticon={ edit }\n *\t\t\t\tlabel=\"Edit\"\n *\t\t\t\tonClick={ () => alert( 'Editing' ) }\n *\t\t\t/>\n *\t\t</Toolbar>\n *   );\n * }\n * ```\n */\nexport const ToolbarButton = forwardRef( UnforwardedToolbarButton );\nexport default ToolbarButton;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,uBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,SAASM,wBAAwBA,CAChC;EACCC,QAAQ;EACRC,SAAS;EACTC,kBAAkB;EAClBC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,KAAK;EACL,GAAGC;AACiE,CAAC,EACtEC,GAAwB,EACvB;EACD,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAEF,sBAAsB,EAAG;IAC/B,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACf,uBAAA,CAAAgB,OAAsB;MAACb,SAAS,EAAGC;IAAoB,GACvD,IAAAU,MAAA,CAAAC,aAAA,EAAClB,OAAA,CAAAmB,OAAM;MACNN,GAAG,EAAGA,GAAK;MACXO,IAAI,EAAGR,KAAK,CAACQ,IAAM;MACnBC,KAAK,EAAGV,KAAO;MACfW,QAAQ,EAAGV,KAAK,CAACU,QAAU;MAC3B,kBAAiBV,KAAK,CAACW,SAAW;MAClCC,OAAO,EACNC,KAGC,IACG;QACJA,KAAK,CAACC,eAAe,CAAC,CAAC;QACvB;QACA,IAAKd,KAAK,CAACY,OAAO,EAAG;UACpBZ,KAAK,CAACY,OAAO,CAAEC,KAAM,CAAC;QACvB;MACD,CAAG;MACHnB,SAAS,EAAG,IAAAqB,aAAI,EACf,6BAA6B,EAC7BrB,SACD,CAAG;MACHsB,SAAS,EAAGnB,QAAU;MACtBoB,QAAQ,EAAGnB,UAAY;MACvB,yBAAiB;MAAA,GACZF,UAAU;MAAA,GACVI;IAAK,GAERP,QACK,CACe,CAAC;EAE3B;;EAEA;EACA;EACA;EACA,OACC,IAAAY,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,OAAW;IACXb,SAAS,EAAG,IAAAqB,aAAI,EAAE,2BAA2B,EAAErB,SAAU,CAAG;IAAA,GACvDE,UAAU;IAAA,GACVI,KAAK;IACVC,GAAG,EAAGA;EAAK,GAEPiB,gBAAgB,IACnB,IAAAb,MAAA,CAAAC,aAAA,EAAClB,OAAA,CAAAmB,OAAM;IACNE,KAAK,EAAGV,KAAO;IACfiB,SAAS,EAAGnB,QAAU;IACtBoB,QAAQ,EAAGnB,UAAY;IAAA,GAClBoB;EAAgB,GAEnBzB,QACK,CAEG,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM0B,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,mBAAU,EAAE7B,wBAAyB,CAAC;AAAC,IAAA8B,QAAA,GAAAF,OAAA,CAAAb,OAAA,GACrDY,aAAa","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_button","_toolbarItem","_toolbarContext","_toolbarButtonContainer","_jsxRuntime","UnforwardedToolbarButton","children","className","containerClassName","extraProps","isActive","isDisabled","title","props","ref","accessibleToolbarState","useContext","ToolbarContext","jsx","default","icon","label","shortcut","subscript","onClick","event","stopPropagation","clsx","isPressed","disabled","toolbarItemProps","ToolbarButton","exports","forwardRef","_default"],"sources":["@wordpress/components/src/toolbar/toolbar-button/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\nimport type { ForwardedRef, MouseEvent as ReactMouseEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarButtonContainer from './toolbar-button-container';\nimport type { ToolbarButtonProps } from './types';\nimport type { WordPressComponentProps } from '../../context';\n\nfunction UnforwardedToolbarButton(\n\t{\n\t\tchildren,\n\t\tclassName,\n\t\tcontainerClassName,\n\t\textraProps,\n\t\tisActive,\n\t\tisDisabled,\n\t\ttitle,\n\t\t...props\n\t}: WordPressComponentProps< ToolbarButtonProps, typeof Button, false >,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarButtonContainer className={ containerClassName }>\n\t\t\t\t<Button\n\t\t\t\t\tref={ ref }\n\t\t\t\t\ticon={ props.icon }\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tshortcut={ props.shortcut }\n\t\t\t\t\tdata-subscript={ props.subscript }\n\t\t\t\t\tonClick={ (\n\t\t\t\t\t\tevent: ReactMouseEvent<\n\t\t\t\t\t\t\tHTMLButtonElement & HTMLAnchorElement,\n\t\t\t\t\t\t\tMouseEvent\n\t\t\t\t\t\t>\n\t\t\t\t\t) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t// TODO: Possible bug; maybe use onClick instead of props.onClick.\n\t\t\t\t\t\tif ( props.onClick ) {\n\t\t\t\t\t\t\tprops.onClick( event );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'components-toolbar__control',\n\t\t\t\t\t\tclassName\n\t\t\t\t\t) }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\tdata-toolbar-item\n\t\t\t\t\t{ ...extraProps }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t</ToolbarButtonContainer>\n\t\t);\n\t}\n\n\t// ToobarItem will pass all props to the render prop child, which will pass\n\t// all props to Button. This means that ToolbarButton has the same API as\n\t// Button.\n\treturn (\n\t\t<ToolbarItem\n\t\t\tclassName={ clsx( 'components-toolbar-button', className ) }\n\t\t\t{ ...extraProps }\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ title }\n\t\t\t\t\tisPressed={ isActive }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\t{ ...toolbarItemProps }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\n/**\n * ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar\n * or ToolbarGroup when used to create general interfaces.\n *\n * ```jsx\n * import { Toolbar, ToolbarButton } from '@wordpress/components';\n * import { edit } from '@wordpress/icons';\n *\n * function MyToolbar() {\n *   return (\n *\t\t<Toolbar label=\"Options\">\n *\t\t\t<ToolbarButton\n *\t\t\t\ticon={ edit }\n *\t\t\t\tlabel=\"Edit\"\n *\t\t\t\tonClick={ () => alert( 'Editing' ) }\n *\t\t\t/>\n *\t\t</Toolbar>\n *   );\n * }\n * ```\n */\nexport const ToolbarButton = forwardRef( UnforwardedToolbarButton );\nexport default ToolbarButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,uBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgE,IAAAM,WAAA,GAAAN,OAAA;AAjBhE;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;;AAQA,SAASO,wBAAwBA,CAChC;EACCC,QAAQ;EACRC,SAAS;EACTC,kBAAkB;EAClBC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,KAAK;EACL,GAAGC;AACiE,CAAC,EACtEC,GAAwB,EACvB;EACD,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAEF,sBAAsB,EAAG;IAC/B,oBACC,IAAAX,WAAA,CAAAc,GAAA,EAACf,uBAAA,CAAAgB,OAAsB;MAACZ,SAAS,EAAGC,kBAAoB;MAAAF,QAAA,eACvD,IAAAF,WAAA,CAAAc,GAAA,EAAClB,OAAA,CAAAmB,OAAM;QACNL,GAAG,EAAGA,GAAK;QACXM,IAAI,EAAGP,KAAK,CAACO,IAAM;QACnBC,KAAK,EAAGT,KAAO;QACfU,QAAQ,EAAGT,KAAK,CAACS,QAAU;QAC3B,kBAAiBT,KAAK,CAACU,SAAW;QAClCC,OAAO,EACNC,KAGC,IACG;UACJA,KAAK,CAACC,eAAe,CAAC,CAAC;UACvB;UACA,IAAKb,KAAK,CAACW,OAAO,EAAG;YACpBX,KAAK,CAACW,OAAO,CAAEC,KAAM,CAAC;UACvB;QACD,CAAG;QACHlB,SAAS,EAAG,IAAAoB,aAAI,EACf,6BAA6B,EAC7BpB,SACD,CAAG;QACHqB,SAAS,EAAGlB,QAAU;QACtBmB,QAAQ,EAAGlB,UAAY;QACvB,yBAAiB;QAAA,GACZF,UAAU;QAAA,GACVI,KAAK;QAAAP,QAAA,EAERA;MAAQ,CACH;IAAC,CACc,CAAC;EAE3B;;EAEA;EACA;EACA;EACA,oBACC,IAAAF,WAAA,CAAAc,GAAA,EAACjB,YAAA,CAAAkB,OAAW;IACXZ,SAAS,EAAG,IAAAoB,aAAI,EAAE,2BAA2B,EAAEpB,SAAU,CAAG;IAAA,GACvDE,UAAU;IAAA,GACVI,KAAK;IACVC,GAAG,EAAGA,GAAK;IAAAR,QAAA,EAEPwB,gBAAgB,iBACnB,IAAA1B,WAAA,CAAAc,GAAA,EAAClB,OAAA,CAAAmB,OAAM;MACNE,KAAK,EAAGT,KAAO;MACfgB,SAAS,EAAGlB,QAAU;MACtBmB,QAAQ,EAAGlB,UAAY;MAAA,GAClBmB,gBAAgB;MAAAxB,QAAA,EAEnBA;IAAQ,CACH;EACR,CACW,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMyB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,mBAAU,EAAE5B,wBAAyB,CAAC;AAAC,IAAA6B,QAAA,GAAAF,OAAA,CAAAb,OAAA,GACrDY,aAAa","ignoreList":[]}

package/build/toolbar/toolbar-button/toolbar-button-container.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -12,8 +12,9 @@ var _react = require("react");
 const ToolbarButtonContainer = ({
   children,
   className
-}) => (0, _react.createElement)("div", {
-  className: className
-}, children);
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  className: className,
+  children: children
+});
 var _default = exports.default = ToolbarButtonContainer;
 //# sourceMappingURL=toolbar-button-container.js.map

package/build/toolbar/toolbar-button/toolbar-button-container.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToolbarButtonContainer","children","className","_react","createElement","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ToolbarButtonContainerProps } from './types';\n\nconst ToolbarButtonContainer = ( {\n\tchildren,\n\tclassName,\n}: ToolbarButtonContainerProps ) => (\n\t<div className={ className }>{ children }</div>\n);\n\nexport default ToolbarButtonContainer;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAGA,MAAMA,sBAAsB,GAAGA,CAAE;EAChCC,QAAQ;EACRC;AAC4B,CAAC,KAC7B,IAAAC,MAAA,CAAAC,aAAA;EAAKF,SAAS,EAAGA;AAAW,GAAGD,QAAe,CAC9C;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaP,sBAAsB","ignoreList":[]}
+{"version":3,"names":["ToolbarButtonContainer","children","className","_jsxRuntime","jsx","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { ToolbarButtonContainerProps } from './types';\n\nconst ToolbarButtonContainer = ( {\n\tchildren,\n\tclassName,\n}: ToolbarButtonContainerProps ) => (\n\t<div className={ className }>{ children }</div>\n);\n\nexport default ToolbarButtonContainer;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAGA,MAAMA,sBAAsB,GAAGA,CAAE;EAChCC,QAAQ;EACRC;AAC4B,CAAC,kBAC7B,IAAAC,WAAA,CAAAC,GAAA;EAAKF,SAAS,EAAGA,SAAW;EAAAD,QAAA,EAAGA;AAAQ,CAAO,CAC9C;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaP,sBAAsB","ignoreList":[]}

package/build/toolbar/toolbar-button/toolbar-button-container.native.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
-var _default = props => (0, _react.createElement)(_reactNative.View, null, props.children);
+var _default = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  children: props.children
+});
 exports.default = _default;
 //# sourceMappingURL=toolbar-button-container.native.js.map

package/build/toolbar/toolbar-button/toolbar-button-container.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_default","props","_react","createElement","View","children","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\nexport default ( props ) => <View>{ props.children }</View>;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAKiBC,KAAK,IAAM,IAAAC,MAAA,CAAAC,aAAA,EAACL,YAAA,CAAAM,IAAI,QAAGH,KAAK,CAACI,QAAgB,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAP,QAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_jsxRuntime","_default","props","jsx","View","children","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-button/toolbar-button-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\nexport default ( props ) => <View>{ props.children }</View>;\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAAoC,IAAAC,WAAA,GAAAD,OAAA;AAHpC;AACA;AACA;AAFA,IAAAE,QAAA,GAKiBC,KAAK,iBAAM,IAAAF,WAAA,CAAAG,GAAA,EAACL,YAAA,CAAAM,IAAI;EAAAC,QAAA,EAAGH,KAAK,CAACG;AAAQ,CAAQ,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAN,QAAA","ignoreList":[]}

package/build/toolbar/toolbar-dropdown-menu/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _toolbarItem = _interopRequireDefault(require("../toolbar-item"));
 var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
 var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -25,7 +25,7 @@ var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
 function ToolbarDropdownMenu(props, ref) {
   const accessibleToolbarState = (0, _element.useContext)(_toolbarContext.default);
   if (!accessibleToolbarState) {
-    return (0, _react.createElement)(_dropdownMenu.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
       ...props
     });
   }
@@ -33,16 +33,17 @@ function ToolbarDropdownMenu(props, ref) {
   // ToolbarItem will pass all props to the render prop child, which will pass
   // all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu
   // has the same API as DropdownMenu.
-  return (0, _react.createElement)(_toolbarItem.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarItem.default, {
     ref: ref,
-    ...props.toggleProps
-  }, toolbarItemProps => (0, _react.createElement)(_dropdownMenu.default, {
-    ...props,
-    popoverProps: {
-      ...props.popoverProps
-    },
-    toggleProps: toolbarItemProps
-  }));
+    ...props.toggleProps,
+    children: toolbarItemProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
+      ...props,
+      popoverProps: {
+        ...props.popoverProps
+      },
+      toggleProps: toolbarItemProps
+    })
+  });
 }
 var _default = exports.default = (0, _element.forwardRef)(ToolbarDropdownMenu);
 //# sourceMappingURL=index.js.map

package/build/toolbar/toolbar-dropdown-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_toolbarItem","_interopRequireDefault","_toolbarContext","_dropdownMenu","ToolbarDropdownMenu","props","ref","accessibleToolbarState","useContext","ToolbarContext","_react","createElement","default","toggleProps","toolbarItemProps","popoverProps","_default","exports","forwardRef"],"sources":["@wordpress/components/src/toolbar/toolbar-dropdown-menu/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport DropdownMenu from '../../dropdown-menu';\nimport type { DropdownMenuProps } from '../../dropdown-menu/types';\n\nfunction ToolbarDropdownMenu(\n\tprops: DropdownMenuProps,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn <DropdownMenu { ...props } />;\n\t}\n\n\t// ToolbarItem will pass all props to the render prop child, which will pass\n\t// all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu\n\t// has the same API as DropdownMenu.\n\treturn (\n\t\t<ToolbarItem ref={ ref } { ...props.toggleProps }>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t...props.popoverProps,\n\t\t\t\t\t} }\n\t\t\t\t\ttoggleProps={ toolbarItemProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\nexport default forwardRef( ToolbarDropdownMenu );\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASK,mBAAmBA,CAC3BC,KAAwB,EACxBC,GAAwB,EACvB;EACD,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAEF,sBAAsB,EAAG;IAC/B,OAAO,IAAAG,MAAA,CAAAC,aAAA,EAACR,aAAA,CAAAS,OAAY;MAAA,GAAMP;IAAK,CAAI,CAAC;EACrC;;EAEA;EACA;EACA;EACA,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW;IAACN,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK,CAACQ;EAAW,GAC1CC,gBAAgB,IACnB,IAAAJ,MAAA,CAAAC,aAAA,EAACR,aAAA,CAAAS,OAAY;IAAA,GACPP,KAAK;IACVU,YAAY,EAAG;MACd,GAAGV,KAAK,CAACU;IACV,CAAG;IACHF,WAAW,EAAGC;EAAkB,CAChC,CAEU,CAAC;AAEhB;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAL,OAAA,GAEc,IAAAM,mBAAU,EAAEd,mBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_element","require","_toolbarItem","_interopRequireDefault","_toolbarContext","_dropdownMenu","_jsxRuntime","ToolbarDropdownMenu","props","ref","accessibleToolbarState","useContext","ToolbarContext","jsx","default","toggleProps","children","toolbarItemProps","popoverProps","_default","exports","forwardRef"],"sources":["@wordpress/components/src/toolbar/toolbar-dropdown-menu/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport ToolbarItem from '../toolbar-item';\nimport ToolbarContext from '../toolbar-context';\nimport DropdownMenu from '../../dropdown-menu';\nimport type { DropdownMenuProps } from '../../dropdown-menu/types';\n\nfunction ToolbarDropdownMenu(\n\tprops: DropdownMenuProps,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ! accessibleToolbarState ) {\n\t\treturn <DropdownMenu { ...props } />;\n\t}\n\n\t// ToolbarItem will pass all props to the render prop child, which will pass\n\t// all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu\n\t// has the same API as DropdownMenu.\n\treturn (\n\t\t<ToolbarItem ref={ ref } { ...props.toggleProps }>\n\t\t\t{ ( toolbarItemProps ) => (\n\t\t\t\t<DropdownMenu\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tpopoverProps={ {\n\t\t\t\t\t\t...props.popoverProps,\n\t\t\t\t\t} }\n\t\t\t\t\ttoggleProps={ toolbarItemProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</ToolbarItem>\n\t);\n}\n\nexport default forwardRef( ToolbarDropdownMenu );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAUA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA+C,IAAAK,WAAA,GAAAL,OAAA;AAf/C;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASM,mBAAmBA,CAC3BC,KAAwB,EACxBC,GAAwB,EACvB;EACD,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAEF,sBAAsB,EAAG;IAC/B,oBAAO,IAAAJ,WAAA,CAAAO,GAAA,EAACR,aAAA,CAAAS,OAAY;MAAA,GAAMN;IAAK,CAAI,CAAC;EACrC;;EAEA;EACA;EACA;EACA,oBACC,IAAAF,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAY,OAAW;IAACL,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK,CAACO,WAAW;IAAAC,QAAA,EAC1CC,gBAAgB,iBACnB,IAAAX,WAAA,CAAAO,GAAA,EAACR,aAAA,CAAAS,OAAY;MAAA,GACPN,KAAK;MACVU,YAAY,EAAG;QACd,GAAGV,KAAK,CAACU;MACV,CAAG;MACHH,WAAW,EAAGE;IAAkB,CAChC;EACD,CACW,CAAC;AAEhB;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEc,IAAAO,mBAAU,EAAEd,mBAAoB,CAAC","ignoreList":[]}

package/build/toolbar/toolbar-group/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _toolbarButton = _interopRequireDefault(require("../toolbar-button"));
 var _toolbarGroupContainer = _interopRequireDefault(require("./toolbar-group-container"));
 var _toolbarGroupCollapsed = _interopRequireDefault(require("./toolbar-group-collapsed"));
 var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -85,7 +85,7 @@ function ToolbarGroup({
     controlSets = [controls];
   }
   if (isCollapsed) {
-    return (0, _react.createElement)(_toolbarGroupCollapsed.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarGroupCollapsed.default, {
       label: title,
       controls: controlSets,
       className: finalClassName,
@@ -93,14 +93,14 @@ function ToolbarGroup({
       ...props
     });
   }
-  return (0, _react.createElement)(_toolbarGroupContainer.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_toolbarGroupContainer.default, {
     className: finalClassName,
-    ...props
-  }, controlSets?.flatMap((controlSet, indexOfSet) => controlSet.map((control, indexOfControl) => (0, _react.createElement)(_toolbarButton.default, {
-    key: [indexOfSet, indexOfControl].join(),
-    containerClassName: indexOfSet > 0 && indexOfControl === 0 ? 'has-left-divider' : undefined,
-    ...control
-  }))), children);
+    ...props,
+    children: [controlSets?.flatMap((controlSet, indexOfSet) => controlSet.map((control, indexOfControl) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarButton.default, {
+      containerClassName: indexOfSet > 0 && indexOfControl === 0 ? 'has-left-divider' : undefined,
+      ...control
+    }, [indexOfSet, indexOfControl].join()))), children]
+  });
 }
 var _default = exports.default = ToolbarGroup;
 //# sourceMappingURL=index.js.map

package/build/toolbar/toolbar-group/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_toolbarButton","_toolbarGroupContainer","_toolbarGroupCollapsed","_toolbarContext","isNestedArray","arr","Array","isArray","ToolbarGroup","controls","children","className","isCollapsed","title","props","accessibleToolbarState","useContext","ToolbarContext","length","finalClassName","clsx","controlSets","_react","createElement","default","label","flatMap","controlSet","indexOfSet","map","control","indexOfControl","key","join","containerClassName","undefined","_default","exports"],"sources":["@wordpress/components/src/toolbar/toolbar-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ToolbarButton from '../toolbar-button';\nimport ToolbarGroupContainer from './toolbar-group-container';\nimport ToolbarGroupCollapsed from './toolbar-group-collapsed';\nimport ToolbarContext from '../toolbar-context';\nimport type { ToolbarGroupProps, ToolbarGroupControls } from './types';\n\nfunction isNestedArray< T = any >( arr: T[] | T[][] ): arr is T[][] {\n\treturn Array.isArray( arr ) && Array.isArray( arr[ 0 ] );\n}\n\n/**\n * Renders a collapsible group of controls\n *\n * The `controls` prop accepts an array of sets. A set is an array of controls.\n * Controls have the following shape:\n *\n * ```\n * {\n *   icon: string,\n *   title: string,\n *   subscript: string,\n *   onClick: Function,\n *   isActive: boolean,\n *   isDisabled: boolean\n * }\n * ```\n *\n * For convenience it is also possible to pass only an array of controls. It is\n * then assumed this is the only set.\n *\n * Either `controls` or `children` is required, otherwise this components\n * renders nothing.\n *\n * @param props               Component props.\n * @param [props.controls]    The controls to render in this toolbar.\n * @param [props.children]    Any other things to render inside the toolbar besides the controls.\n * @param [props.className]   Class to set on the container div.\n * @param [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.\n * @param [props.title]       ARIA label for dropdown menu if is collapsed.\n */\nfunction ToolbarGroup( {\n\tcontrols = [],\n\tchildren,\n\tclassName,\n\tisCollapsed,\n\ttitle,\n\t...props\n}: ToolbarGroupProps ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ( ! controls || ! controls.length ) && ! children ) {\n\t\treturn null;\n\t}\n\n\tconst finalClassName = clsx(\n\t\t// Unfortunately, there's legacy code referencing to `.components-toolbar`\n\t\t// So we can't get rid of it\n\t\taccessibleToolbarState\n\t\t\t? 'components-toolbar-group'\n\t\t\t: 'components-toolbar',\n\t\tclassName\n\t);\n\n\t// Normalize controls to nested array of objects (sets of controls)\n\tlet controlSets: ToolbarGroupControls[][];\n\tif ( isNestedArray( controls ) ) {\n\t\tcontrolSets = controls;\n\t} else {\n\t\tcontrolSets = [ controls ];\n\t}\n\n\tif ( isCollapsed ) {\n\t\treturn (\n\t\t\t<ToolbarGroupCollapsed\n\t\t\t\tlabel={ title }\n\t\t\t\tcontrols={ controlSets }\n\t\t\t\tclassName={ finalClassName }\n\t\t\t\tchildren={ children }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ToolbarGroupContainer className={ finalClassName } { ...props }>\n\t\t\t{ controlSets?.flatMap( ( controlSet, indexOfSet ) =>\n\t\t\t\tcontrolSet.map( ( control, indexOfControl: number ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tkey={ [ indexOfSet, indexOfControl ].join() }\n\t\t\t\t\t\tcontainerClassName={\n\t\t\t\t\t\t\tindexOfSet > 0 && indexOfControl === 0\n\t\t\t\t\t\t\t\t? 'has-left-divider'\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ ...control }\n\t\t\t\t\t/>\n\t\t\t\t) )\n\t\t\t) }\n\t\t\t{ children }\n\t\t</ToolbarGroupContainer>\n\t);\n}\n\nexport default ToolbarGroup;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,sBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASM,aAAaA,CAAaC,GAAgB,EAAiB;EACnE,OAAOC,KAAK,CAACC,OAAO,CAAEF,GAAI,CAAC,IAAIC,KAAK,CAACC,OAAO,CAAEF,GAAG,CAAE,CAAC,CAAG,CAAC;AACzD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,YAAYA,CAAE;EACtBC,QAAQ,GAAG,EAAE;EACbC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,KAAK;EACL,GAAGC;AACe,CAAC,EAAG;EACtB;EACA;EACA,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAE,CAAER,QAAQ,IAAI,CAAEA,QAAQ,CAACS,MAAM,KAAM,CAAER,QAAQ,EAAG;IACxD,OAAO,IAAI;EACZ;EAEA,MAAMS,cAAc,GAAG,IAAAC,aAAI;EAC1B;EACA;EACAL,sBAAsB,GACnB,0BAA0B,GAC1B,oBAAoB,EACvBJ,SACD,CAAC;;EAED;EACA,IAAIU,WAAqC;EACzC,IAAKjB,aAAa,CAAEK,QAAS,CAAC,EAAG;IAChCY,WAAW,GAAGZ,QAAQ;EACvB,CAAC,MAAM;IACNY,WAAW,GAAG,CAAEZ,QAAQ,CAAE;EAC3B;EAEA,IAAKG,WAAW,EAAG;IAClB,OACC,IAAAU,MAAA,CAAAC,aAAA,EAACrB,sBAAA,CAAAsB,OAAqB;MACrBC,KAAK,EAAGZ,KAAO;MACfJ,QAAQ,EAAGY,WAAa;MACxBV,SAAS,EAAGQ,cAAgB;MAC5BT,QAAQ,EAAGA,QAAU;MAAA,GAChBI;IAAK,CACV,CAAC;EAEJ;EAEA,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAACtB,sBAAA,CAAAuB,OAAqB;IAACb,SAAS,EAAGQ,cAAgB;IAAA,GAAML;EAAK,GAC3DO,WAAW,EAAEK,OAAO,CAAE,CAAEC,UAAU,EAAEC,UAAU,KAC/CD,UAAU,CAACE,GAAG,CAAE,CAAEC,OAAO,EAAEC,cAAsB,KAChD,IAAAT,MAAA,CAAAC,aAAA,EAACvB,cAAA,CAAAwB,OAAa;IACbQ,GAAG,EAAG,CAAEJ,UAAU,EAAEG,cAAc,CAAE,CAACE,IAAI,CAAC,CAAG;IAC7CC,kBAAkB,EACjBN,UAAU,GAAG,CAAC,IAAIG,cAAc,KAAK,CAAC,GACnC,kBAAkB,GAClBI,SACH;IAAA,GACIL;EAAO,CACZ,CACA,CACH,CAAC,EACCpB,QACoB,CAAC;AAE1B;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEchB,YAAY","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_toolbarButton","_toolbarGroupContainer","_toolbarGroupCollapsed","_toolbarContext","_jsxRuntime","isNestedArray","arr","Array","isArray","ToolbarGroup","controls","children","className","isCollapsed","title","props","accessibleToolbarState","useContext","ToolbarContext","length","finalClassName","clsx","controlSets","jsx","default","label","jsxs","flatMap","controlSet","indexOfSet","map","control","indexOfControl","containerClassName","undefined","join","_default","exports"],"sources":["@wordpress/components/src/toolbar/toolbar-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ToolbarButton from '../toolbar-button';\nimport ToolbarGroupContainer from './toolbar-group-container';\nimport ToolbarGroupCollapsed from './toolbar-group-collapsed';\nimport ToolbarContext from '../toolbar-context';\nimport type { ToolbarGroupProps, ToolbarGroupControls } from './types';\n\nfunction isNestedArray< T = any >( arr: T[] | T[][] ): arr is T[][] {\n\treturn Array.isArray( arr ) && Array.isArray( arr[ 0 ] );\n}\n\n/**\n * Renders a collapsible group of controls\n *\n * The `controls` prop accepts an array of sets. A set is an array of controls.\n * Controls have the following shape:\n *\n * ```\n * {\n *   icon: string,\n *   title: string,\n *   subscript: string,\n *   onClick: Function,\n *   isActive: boolean,\n *   isDisabled: boolean\n * }\n * ```\n *\n * For convenience it is also possible to pass only an array of controls. It is\n * then assumed this is the only set.\n *\n * Either `controls` or `children` is required, otherwise this components\n * renders nothing.\n *\n * @param props               Component props.\n * @param [props.controls]    The controls to render in this toolbar.\n * @param [props.children]    Any other things to render inside the toolbar besides the controls.\n * @param [props.className]   Class to set on the container div.\n * @param [props.isCollapsed] Turns ToolbarGroup into a dropdown menu.\n * @param [props.title]       ARIA label for dropdown menu if is collapsed.\n */\nfunction ToolbarGroup( {\n\tcontrols = [],\n\tchildren,\n\tclassName,\n\tisCollapsed,\n\ttitle,\n\t...props\n}: ToolbarGroupProps ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tif ( ( ! controls || ! controls.length ) && ! children ) {\n\t\treturn null;\n\t}\n\n\tconst finalClassName = clsx(\n\t\t// Unfortunately, there's legacy code referencing to `.components-toolbar`\n\t\t// So we can't get rid of it\n\t\taccessibleToolbarState\n\t\t\t? 'components-toolbar-group'\n\t\t\t: 'components-toolbar',\n\t\tclassName\n\t);\n\n\t// Normalize controls to nested array of objects (sets of controls)\n\tlet controlSets: ToolbarGroupControls[][];\n\tif ( isNestedArray( controls ) ) {\n\t\tcontrolSets = controls;\n\t} else {\n\t\tcontrolSets = [ controls ];\n\t}\n\n\tif ( isCollapsed ) {\n\t\treturn (\n\t\t\t<ToolbarGroupCollapsed\n\t\t\t\tlabel={ title }\n\t\t\t\tcontrols={ controlSets }\n\t\t\t\tclassName={ finalClassName }\n\t\t\t\tchildren={ children }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<ToolbarGroupContainer className={ finalClassName } { ...props }>\n\t\t\t{ controlSets?.flatMap( ( controlSet, indexOfSet ) =>\n\t\t\t\tcontrolSet.map( ( control, indexOfControl: number ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tkey={ [ indexOfSet, indexOfControl ].join() }\n\t\t\t\t\t\tcontainerClassName={\n\t\t\t\t\t\t\tindexOfSet > 0 && indexOfControl === 0\n\t\t\t\t\t\t\t\t? 'has-left-divider'\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{ ...control }\n\t\t\t\t\t/>\n\t\t\t\t) )\n\t\t\t) }\n\t\t\t{ children }\n\t\t</ToolbarGroupContainer>\n\t);\n}\n\nexport default ToolbarGroup;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,sBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,eAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgD,IAAAM,WAAA,GAAAN,OAAA;AAhBhD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASO,aAAaA,CAAaC,GAAgB,EAAiB;EACnE,OAAOC,KAAK,CAACC,OAAO,CAAEF,GAAI,CAAC,IAAIC,KAAK,CAACC,OAAO,CAAEF,GAAG,CAAE,CAAC,CAAG,CAAC;AACzD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASG,YAAYA,CAAE;EACtBC,QAAQ,GAAG,EAAE;EACbC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,KAAK;EACL,GAAGC;AACe,CAAC,EAAG;EACtB;EACA;EACA,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,IAAK,CAAE,CAAER,QAAQ,IAAI,CAAEA,QAAQ,CAACS,MAAM,KAAM,CAAER,QAAQ,EAAG;IACxD,OAAO,IAAI;EACZ;EAEA,MAAMS,cAAc,GAAG,IAAAC,aAAI;EAC1B;EACA;EACAL,sBAAsB,GACnB,0BAA0B,GAC1B,oBAAoB,EACvBJ,SACD,CAAC;;EAED;EACA,IAAIU,WAAqC;EACzC,IAAKjB,aAAa,CAAEK,QAAS,CAAC,EAAG;IAChCY,WAAW,GAAGZ,QAAQ;EACvB,CAAC,MAAM;IACNY,WAAW,GAAG,CAAEZ,QAAQ,CAAE;EAC3B;EAEA,IAAKG,WAAW,EAAG;IAClB,oBACC,IAAAT,WAAA,CAAAmB,GAAA,EAACrB,sBAAA,CAAAsB,OAAqB;MACrBC,KAAK,EAAGX,KAAO;MACfJ,QAAQ,EAAGY,WAAa;MACxBV,SAAS,EAAGQ,cAAgB;MAC5BT,QAAQ,EAAGA,QAAU;MAAA,GAChBI;IAAK,CACV,CAAC;EAEJ;EAEA,oBACC,IAAAX,WAAA,CAAAsB,IAAA,EAACzB,sBAAA,CAAAuB,OAAqB;IAACZ,SAAS,EAAGQ,cAAgB;IAAA,GAAML,KAAK;IAAAJ,QAAA,GAC3DW,WAAW,EAAEK,OAAO,CAAE,CAAEC,UAAU,EAAEC,UAAU,KAC/CD,UAAU,CAACE,GAAG,CAAE,CAAEC,OAAO,EAAEC,cAAsB,kBAChD,IAAA5B,WAAA,CAAAmB,GAAA,EAACvB,cAAA,CAAAwB,OAAa;MAEbS,kBAAkB,EACjBJ,UAAU,GAAG,CAAC,IAAIG,cAAc,KAAK,CAAC,GACnC,kBAAkB,GAClBE,SACH;MAAA,GACIH;IAAO,GANN,CAAEF,UAAU,EAAEG,cAAc,CAAE,CAACG,IAAI,CAAC,CAO1C,CACA,CACH,CAAC,EACCxB,QAAQ;EAAA,CACY,CAAC;AAE1B;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEcf,YAAY","ignoreList":[]}

package/build/toolbar/toolbar-group/toolbar-group-collapsed.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
 var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
 var _toolbarItem = _interopRequireDefault(require("../toolbar-item"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -26,7 +26,7 @@ function ToolbarGroupCollapsed({
   // It'll contain state if `ToolbarGroup` is being used within
   // `<Toolbar label="label" />`
   const accessibleToolbarState = (0, _element.useContext)(_toolbarContext.default);
-  const renderDropdownMenu = internalToggleProps => (0, _react.createElement)(_dropdownMenu.default, {
+  const renderDropdownMenu = internalToggleProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
     controls: controls,
     toggleProps: {
       ...internalToggleProps,
@@ -35,9 +35,10 @@ function ToolbarGroupCollapsed({
     ...props
   });
   if (accessibleToolbarState) {
-    return (0, _react.createElement)(_toolbarItem.default, {
-      ...toggleProps
-    }, renderDropdownMenu);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarItem.default, {
+      ...toggleProps,
+      children: renderDropdownMenu
+    });
   }
   return renderDropdownMenu(toggleProps);
 }

package/build/toolbar/toolbar-group/toolbar-group-collapsed.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_dropdownMenu","_interopRequireDefault","_toolbarContext","_toolbarItem","ToolbarGroupCollapsed","controls","toggleProps","props","accessibleToolbarState","useContext","ToolbarContext","renderDropdownMenu","internalToggleProps","_react","createElement","default","_default","exports"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarItem from '../toolbar-item';\nimport type { ToolbarGroupCollapsedProps } from './types';\nimport type { DropdownMenuProps } from '../../dropdown-menu/types';\n\nfunction ToolbarGroupCollapsed( {\n\tcontrols = [],\n\ttoggleProps,\n\t...props\n}: ToolbarGroupCollapsedProps ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tconst renderDropdownMenu = (\n\t\tinternalToggleProps?: DropdownMenuProps[ 'toggleProps' ]\n\t) => (\n\t\t<DropdownMenu\n\t\t\tcontrols={ controls }\n\t\t\ttoggleProps={ {\n\t\t\t\t...internalToggleProps,\n\t\t\t\t'data-toolbar-item': true,\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n\n\tif ( accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarItem { ...toggleProps }>{ renderDropdownMenu }</ToolbarItem>\n\t\t);\n\t}\n\n\treturn renderDropdownMenu( toggleProps );\n}\n\nexport default ToolbarGroupCollapsed;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASK,qBAAqBA,CAAE;EAC/BC,QAAQ,GAAG,EAAE;EACbC,WAAW;EACX,GAAGC;AACwB,CAAC,EAAG;EAC/B;EACA;EACA,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,MAAMC,kBAAkB,GACvBC,mBAAwD,IAExD,IAAAC,MAAA,CAAAC,aAAA,EAACd,aAAA,CAAAe,OAAY;IACZV,QAAQ,EAAGA,QAAU;IACrBC,WAAW,EAAG;MACb,GAAGM,mBAAmB;MACtB,mBAAmB,EAAE;IACtB,CAAG;IAAA,GACEL;EAAK,CACV,CACD;EAED,IAAKC,sBAAsB,EAAG;IAC7B,OACC,IAAAK,MAAA,CAAAC,aAAA,EAACX,YAAA,CAAAY,OAAW;MAAA,GAAMT;IAAW,GAAKK,kBAAiC,CAAC;EAEtE;EAEA,OAAOA,kBAAkB,CAAEL,WAAY,CAAC;AACzC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEcX,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_element","require","_dropdownMenu","_interopRequireDefault","_toolbarContext","_toolbarItem","_jsxRuntime","ToolbarGroupCollapsed","controls","toggleProps","props","accessibleToolbarState","useContext","ToolbarContext","renderDropdownMenu","internalToggleProps","jsx","default","children","_default","exports"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport ToolbarContext from '../toolbar-context';\nimport ToolbarItem from '../toolbar-item';\nimport type { ToolbarGroupCollapsedProps } from './types';\nimport type { DropdownMenuProps } from '../../dropdown-menu/types';\n\nfunction ToolbarGroupCollapsed( {\n\tcontrols = [],\n\ttoggleProps,\n\t...props\n}: ToolbarGroupCollapsedProps ) {\n\t// It'll contain state if `ToolbarGroup` is being used within\n\t// `<Toolbar label=\"label\" />`\n\tconst accessibleToolbarState = useContext( ToolbarContext );\n\n\tconst renderDropdownMenu = (\n\t\tinternalToggleProps?: DropdownMenuProps[ 'toggleProps' ]\n\t) => (\n\t\t<DropdownMenu\n\t\t\tcontrols={ controls }\n\t\t\ttoggleProps={ {\n\t\t\t\t...internalToggleProps,\n\t\t\t\t'data-toolbar-item': true,\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n\n\tif ( accessibleToolbarState ) {\n\t\treturn (\n\t\t\t<ToolbarItem { ...toggleProps }>{ renderDropdownMenu }</ToolbarItem>\n\t\t);\n\t}\n\n\treturn renderDropdownMenu( toggleProps );\n}\n\nexport default ToolbarGroupCollapsed;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,YAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0C,IAAAK,WAAA,GAAAL,OAAA;AAV1C;AACA;AACA;;AAGA;AACA;AACA;;AAOA,SAASM,qBAAqBA,CAAE;EAC/BC,QAAQ,GAAG,EAAE;EACbC,WAAW;EACX,GAAGC;AACwB,CAAC,EAAG;EAC/B;EACA;EACA,MAAMC,sBAAsB,GAAG,IAAAC,mBAAU,EAAEC,uBAAe,CAAC;EAE3D,MAAMC,kBAAkB,GACvBC,mBAAwD,iBAExD,IAAAT,WAAA,CAAAU,GAAA,EAACd,aAAA,CAAAe,OAAY;IACZT,QAAQ,EAAGA,QAAU;IACrBC,WAAW,EAAG;MACb,GAAGM,mBAAmB;MACtB,mBAAmB,EAAE;IACtB,CAAG;IAAA,GACEL;EAAK,CACV,CACD;EAED,IAAKC,sBAAsB,EAAG;IAC7B,oBACC,IAAAL,WAAA,CAAAU,GAAA,EAACX,YAAA,CAAAY,OAAW;MAAA,GAAMR,WAAW;MAAAS,QAAA,EAAKJ;IAAkB,CAAe,CAAC;EAEtE;EAEA,OAAOA,kBAAkB,CAAEL,WAAY,CAAC;AACzC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAH,OAAA,GAEcV,qBAAqB","ignoreList":[]}

package/build/toolbar/toolbar-group/toolbar-group-collapsed.native.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _dropdownMenu = _interopRequireDefault(require("../../dropdown-menu"));
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -28,12 +28,13 @@ function ToolbarGroupCollapsed({
   passedStyle,
   ...props
 }) {
-  return (0, _react.createElement)(_reactNative.View, {
-    style: [getStylesFromColorScheme(_style.default.container, _style.default.containerDark), passedStyle]
-  }, (0, _react.createElement)(_dropdownMenu.default, {
-    controls: controls,
-    ...props
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [getStylesFromColorScheme(_style.default.container, _style.default.containerDark), passedStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_dropdownMenu.default, {
+      controls: controls,
+      ...props
+    })
+  });
 }
 var _default = exports.default = (0, _compose.withPreferredColorScheme)(ToolbarGroupCollapsed);
 //# sourceMappingURL=toolbar-group-collapsed.native.js.map

package/build/toolbar/toolbar-group/toolbar-group-collapsed.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_dropdownMenu","_interopRequireDefault","_style","ToolbarGroupCollapsed","controls","getStylesFromColorScheme","passedStyle","props","_react","createElement","View","style","styles","container","containerDark","default","_default","exports","withPreferredColorScheme"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport styles from './style.scss';\n\nfunction ToolbarGroupCollapsed( {\n\tcontrols = [],\n\tgetStylesFromColorScheme,\n\tpassedStyle,\n\t...props\n} ) {\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tstyles.containerDark\n\t\t\t\t),\n\t\t\t\tpassedStyle,\n\t\t\t] }\n\t\t>\n\t\t\t<DropdownMenu controls={ controls } { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ToolbarGroupCollapsed );\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAZA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASK,qBAAqBA,CAAE;EAC/BC,QAAQ,GAAG,EAAE;EACbC,wBAAwB;EACxBC,WAAW;EACX,GAAGC;AACJ,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACZ,YAAA,CAAAa,IAAI;IACJC,KAAK,EAAG,CACPN,wBAAwB,CACvBO,cAAM,CAACC,SAAS,EAChBD,cAAM,CAACE,aACR,CAAC,EACDR,WAAW;EACT,GAEH,IAAAE,MAAA,CAAAC,aAAA,EAACT,aAAA,CAAAe,OAAY;IAACX,QAAQ,EAAGA,QAAU;IAAA,GAAMG;EAAK,CAAI,CAC7C,CAAC;AAET;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,iCAAwB,EAAEf,qBAAsB,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_dropdownMenu","_interopRequireDefault","_style","_jsxRuntime","ToolbarGroupCollapsed","controls","getStylesFromColorScheme","passedStyle","props","jsx","View","style","styles","container","containerDark","children","default","_default","exports","withPreferredColorScheme"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-collapsed.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport DropdownMenu from '../../dropdown-menu';\nimport styles from './style.scss';\n\nfunction ToolbarGroupCollapsed( {\n\tcontrols = [],\n\tgetStylesFromColorScheme,\n\tpassedStyle,\n\t...props\n} ) {\n\treturn (\n\t\t<View\n\t\t\tstyle={ [\n\t\t\t\tgetStylesFromColorScheme(\n\t\t\t\t\tstyles.container,\n\t\t\t\t\tstyles.containerDark\n\t\t\t\t),\n\t\t\t\tpassedStyle,\n\t\t\t] }\n\t\t>\n\t\t\t<DropdownMenu controls={ controls } { ...props } />\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ToolbarGroupCollapsed );\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AAAkC,IAAAK,WAAA,GAAAL,OAAA;AAZlC;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASM,qBAAqBA,CAAE;EAC/BC,QAAQ,GAAG,EAAE;EACbC,wBAAwB;EACxBC,WAAW;EACX,GAAGC;AACJ,CAAC,EAAG;EACH,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACZ,YAAA,CAAAa,IAAI;IACJC,KAAK,EAAG,CACPL,wBAAwB,CACvBM,cAAM,CAACC,SAAS,EAChBD,cAAM,CAACE,aACR,CAAC,EACDP,WAAW,CACT;IAAAQ,QAAA,eAEH,IAAAZ,WAAA,CAAAM,GAAA,EAACT,aAAA,CAAAgB,OAAY;MAACX,QAAQ,EAAGA,QAAU;MAAA,GAAMG;IAAK,CAAI;EAAC,CAC9C,CAAC;AAET;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEc,IAAAG,iCAAwB,EAAEf,qBAAsB,CAAC","ignoreList":[]}

package/build/toolbar/toolbar-group/toolbar-group-container.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Internal dependencies
  */
@@ -13,9 +13,10 @@ const ToolbarGroupContainer = ({
   className,
   children,
   ...props
-}) => (0, _react.createElement)("div", {
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   className: className,
-  ...props
-}, children);
+  ...props,
+  children: children
+});
 var _default = exports.default = ToolbarGroupContainer;
 //# sourceMappingURL=toolbar-group-container.js.map

package/build/toolbar/toolbar-group/toolbar-group-container.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToolbarGroupContainer","className","children","props","_react","createElement","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../context';\nimport type { ToolbarGroupContainerProps } from './types';\n\nconst ToolbarGroupContainer = ( {\n\tclassName,\n\tchildren,\n\t...props\n}: WordPressComponentProps< ToolbarGroupContainerProps, 'div', false > ) => (\n\t<div className={ className } { ...props }>\n\t\t{ children }\n\t</div>\n);\nexport default ToolbarGroupContainer;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAIA,MAAMA,qBAAqB,GAAGA,CAAE;EAC/BC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACiE,CAAC,KACrE,IAAAC,MAAA,CAAAC,aAAA;EAAKJ,SAAS,EAAGA,SAAW;EAAA,GAAME;AAAK,GACpCD,QACE,CACL;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACaR,qBAAqB","ignoreList":[]}
+{"version":3,"names":["ToolbarGroupContainer","className","children","props","_jsxRuntime","jsx","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../context';\nimport type { ToolbarGroupContainerProps } from './types';\n\nconst ToolbarGroupContainer = ( {\n\tclassName,\n\tchildren,\n\t...props\n}: WordPressComponentProps< ToolbarGroupContainerProps, 'div', false > ) => (\n\t<div className={ className } { ...props }>\n\t\t{ children }\n\t</div>\n);\nexport default ToolbarGroupContainer;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;;AAIA,MAAMA,qBAAqB,GAAGA,CAAE;EAC/BC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACiE,CAAC,kBACrE,IAAAC,WAAA,CAAAC,GAAA;EAAKJ,SAAS,EAAGA,SAAW;EAAA,GAAME,KAAK;EAAAD,QAAA,EACpCA;AAAQ,CACN,CACL;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACaR,qBAAqB","ignoreList":[]}

package/build/toolbar/toolbar-group/toolbar-group-container.native.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _compose = require("@wordpress/compose");
 var _style = _interopRequireDefault(require("./style.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -28,9 +28,10 @@ const ToolbarGroupContainer = ({
   const groupStyles = [(0, _compose.usePreferredColorSchemeStyle)(_style.default.container, _style.default.containerDark), {
     borderLeftWidth: _reactNative.StyleSheet.hairlineWidth
   }, passedStyle];
-  return (0, _react.createElement)(_reactNative.View, {
-    style: groupStyles
-  }, children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: groupStyles,
+    children: children
+  });
 };
 var _default = exports.default = ToolbarGroupContainer;
 //# sourceMappingURL=toolbar-group-container.native.js.map

package/build/toolbar/toolbar-group/toolbar-group-container.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","ToolbarGroupContainer","passedStyle","children","groupStyles","usePreferredColorSchemeStyle","styles","container","containerDark","borderLeftWidth","StyleSheet","hairlineWidth","_react","createElement","View","style","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst ToolbarGroupContainer = ( { passedStyle, children } ) => {\n\tconst groupStyles = [\n\t\tusePreferredColorSchemeStyle( styles.container, styles.containerDark ),\n\t\t{ borderLeftWidth: StyleSheet.hairlineWidth },\n\t\tpassedStyle,\n\t];\n\n\treturn <View style={ groupStyles }>{ children }</View>;\n};\n\nexport default ToolbarGroupContainer;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,qBAAqB,GAAGA,CAAE;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAM;EAC9D,MAAMC,WAAW,GAAG,CACnB,IAAAC,qCAA4B,EAAEC,cAAM,CAACC,SAAS,EAAED,cAAM,CAACE,aAAc,CAAC,EACtE;IAAEC,eAAe,EAAEC,uBAAU,CAACC;EAAc,CAAC,EAC7CT,WAAW,CACX;EAED,OAAO,IAAAU,MAAA,CAAAC,aAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAGX;EAAa,GAAGD,QAAgB,CAAC;AACvD,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajB,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","_jsxRuntime","ToolbarGroupContainer","passedStyle","children","groupStyles","usePreferredColorSchemeStyle","styles","container","containerDark","borderLeftWidth","StyleSheet","hairlineWidth","jsx","View","style","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst ToolbarGroupContainer = ( { passedStyle, children } ) => {\n\tconst groupStyles = [\n\t\tusePreferredColorSchemeStyle( styles.container, styles.containerDark ),\n\t\t{ borderLeftWidth: StyleSheet.hairlineWidth },\n\t\tpassedStyle,\n\t];\n\n\treturn <View style={ groupStyles }>{ children }</View>;\n};\n\nexport default ToolbarGroupContainer;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAblC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMK,qBAAqB,GAAGA,CAAE;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAM;EAC9D,MAAMC,WAAW,GAAG,CACnB,IAAAC,qCAA4B,EAAEC,cAAM,CAACC,SAAS,EAAED,cAAM,CAACE,aAAc,CAAC,EACtE;IAAEC,eAAe,EAAEC,uBAAU,CAACC;EAAc,CAAC,EAC7CT,WAAW,CACX;EAED,oBAAO,IAAAF,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAGV,WAAa;IAAAD,QAAA,EAAGA;EAAQ,CAAQ,CAAC;AACvD,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEahB,qBAAqB","ignoreList":[]}

package/build/toolbar/toolbar-item/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var Ariakit = _interopRequireWildcard(require("@ariakit/react"));
 var _element = require("@wordpress/element");
 var _warning = _interopRequireDefault(require("@wordpress/warning"));
 var _toolbarContext = _interopRequireDefault(require("../toolbar-context"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -33,7 +33,7 @@ function ToolbarItem({
   const accessibleToolbarStore = (0, _element.useContext)(_toolbarContext.default);
   const isRenderProp = typeof children === 'function';
   if (!isRenderProp && !Component) {
-    typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? (0, _warning.default)('`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' + 'See https://developer.wordpress.org/block-editor/components/toolbar-item/') : void 0;
+    globalThis.SCRIPT_DEBUG === true ? (0, _warning.default)('`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' + 'See https://developer.wordpress.org/block-editor/components/toolbar-item/') : void 0;
     return null;
   }
   const allProps = {
@@ -43,17 +43,20 @@ function ToolbarItem({
   };
   if (!accessibleToolbarStore) {
     if (Component) {
-      return (0, _react.createElement)(Component, {
-        ...allProps
-      }, children);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+        ...allProps,
+        children: children
+      });
     }
     if (!isRenderProp) {
       return null;
     }
     return children(allProps);
   }
-  const render = isRenderProp ? children : Component && (0, _react.createElement)(Component, null, children);
-  return (0, _react.createElement)(Ariakit.ToolbarItem, {
+  const render = isRenderProp ? children : Component && /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
+    children: children
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.ToolbarItem, {
     ...allProps,
     store: accessibleToolbarStore,
     render: render

package/build/toolbar/toolbar-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_warning","_interopRequireDefault","_toolbarContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarItem","children","as","Component","props","ref","accessibleToolbarStore","useContext","ToolbarContext","isRenderProp","SCRIPT_DEBUG","warning","allProps","_react","createElement","render","store","_default","exports","forwardRef"],"sources":["@wordpress/components/src/toolbar/toolbar-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\nimport type { ToolbarItemProps } from './types';\n\nfunction ToolbarItem(\n\t{ children, as: Component, ...props }: ToolbarItemProps,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarStore = useContext( ToolbarContext );\n\tconst isRenderProp = typeof children === 'function';\n\n\tif ( ! isRenderProp && ! Component ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' +\n\t\t\t\t'See https://developer.wordpress.org/block-editor/components/toolbar-item/'\n\t\t);\n\t\treturn null;\n\t}\n\n\tconst allProps = { ...props, ref, 'data-toolbar-item': true };\n\n\tif ( ! accessibleToolbarStore ) {\n\t\tif ( Component ) {\n\t\t\treturn <Component { ...allProps }>{ children }</Component>;\n\t\t}\n\t\tif ( ! isRenderProp ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn children( allProps );\n\t}\n\n\tconst render = isRenderProp\n\t\t? children\n\t\t: Component && <Component>{ children }</Component>;\n\n\treturn (\n\t\t<Ariakit.ToolbarItem\n\t\t\t{ ...allProps }\n\t\t\tstore={ accessibleToolbarStore }\n\t\t\trender={ render }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolbarItem );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Ariakit","_interopRequireWildcard","require","_element","_warning","_interopRequireDefault","_toolbarContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarItem","children","as","Component","props","ref","accessibleToolbarStore","useContext","ToolbarContext","isRenderProp","globalThis","SCRIPT_DEBUG","warning","allProps","jsx","render","store","_default","exports","forwardRef"],"sources":["@wordpress/components/src/toolbar/toolbar-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport * as Ariakit from '@ariakit/react';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useContext } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\nimport type { ToolbarItemProps } from './types';\n\nfunction ToolbarItem(\n\t{ children, as: Component, ...props }: ToolbarItemProps,\n\tref: ForwardedRef< any >\n) {\n\tconst accessibleToolbarStore = useContext( ToolbarContext );\n\tconst isRenderProp = typeof children === 'function';\n\n\tif ( ! isRenderProp && ! Component ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component. You must pass either a `children` prop as a function or an `as` prop as a component. ' +\n\t\t\t\t'See https://developer.wordpress.org/block-editor/components/toolbar-item/'\n\t\t);\n\t\treturn null;\n\t}\n\n\tconst allProps = { ...props, ref, 'data-toolbar-item': true };\n\n\tif ( ! accessibleToolbarStore ) {\n\t\tif ( Component ) {\n\t\t\treturn <Component { ...allProps }>{ children }</Component>;\n\t\t}\n\t\tif ( ! isRenderProp ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn children( allProps );\n\t}\n\n\tconst render = isRenderProp\n\t\t? children\n\t\t: Component && <Component>{ children }</Component>;\n\n\treturn (\n\t\t<Ariakit.ToolbarItem\n\t\t\t{ ...allProps }\n\t\t\tstore={ accessibleToolbarStore }\n\t\t\trender={ render }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( ToolbarItem );\n"],"mappings":"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","ignoreList":[]}

package/build/toolbar/toolbar-item/index.native.js

@@ -16,7 +16,7 @@ function ToolbarItem({
   ...props
 }, ref) {
   if (typeof children !== 'function') {
-    typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? (0, _warning.default)('`ToolbarItem` is a generic headless component that accepts only function children props') : void 0;
+    globalThis.SCRIPT_DEBUG === true ? (0, _warning.default)('`ToolbarItem` is a generic headless component that accepts only function children props') : void 0;
     return null;
   }
   return children({

package/build/toolbar/toolbar-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_warning","_interopRequireDefault","ToolbarItem","children","props","ref","SCRIPT_DEBUG","warning","_default","exports","default","forwardRef"],"sources":["@wordpress/components/src/toolbar/toolbar-item/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\nfunction ToolbarItem( { children, ...props }, ref ) {\n\tif ( typeof children !== 'function' ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component that accepts only function children props'\n\t\t);\n\t\treturn null;\n\t}\n\treturn children( { ...props, ref } );\n}\n\nexport default forwardRef( ToolbarItem );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAJA;AACA;AACA;;AAIA,SAASG,WAAWA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACnD,IAAK,OAAOF,QAAQ,KAAK,UAAU,EAAG;IACrC,OAAAG,YAAA,oBAAAA,YAAA,gBAAAC,gBAAO,EACN,yFACD,CAAC;IACD,OAAO,IAAI;EACZ;EACA,OAAOJ,QAAQ,CAAE;IAAE,GAAGC,KAAK;IAAEC;EAAI,CAAE,CAAC;AACrC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAET,WAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_element","require","_warning","_interopRequireDefault","ToolbarItem","children","props","ref","globalThis","SCRIPT_DEBUG","warning","_default","exports","default","forwardRef"],"sources":["@wordpress/components/src/toolbar/toolbar-item/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\nfunction ToolbarItem( { children, ...props }, ref ) {\n\tif ( typeof children !== 'function' ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component that accepts only function children props'\n\t\t);\n\t\treturn null;\n\t}\n\treturn children( { ...props, ref } );\n}\n\nexport default forwardRef( ToolbarItem );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAJA;AACA;AACA;;AAIA,SAASG,WAAWA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACnD,IAAK,OAAOF,QAAQ,KAAK,UAAU,EAAG;IACrCG,UAAA,CAAAC,YAAA,gBAAAC,gBAAO,EACN,yFACD,CAAC;IACD,OAAO,IAAI;EACZ;EACA,OAAOL,QAAQ,CAAE;IAAE,GAAGC,KAAK;IAAEC;EAAI,CAAE,CAAC;AACrC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAEV,WAAY,CAAC","ignoreList":[]}