npm - @wordpress/components - Versions diffs - 25.1.0 → 25.1.2 - Mend

@wordpress/components 25.1.0 → 25.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1049) hide show

package/build/toggle-control/index.native.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _switchCell = _interopRequireDefault(require("../mobile/bottom-sheet/switch-cell"));
 /**
@@ -31,14 +29,15 @@ const ToggleControl = (0, _element.memo)(({
 }) => {
   const id = `inspector-toggle-control-${instanceId}`;
   const helpLabel = help && typeof help === 'function' ? help(checked) : help;
-  return (0, _element.createElement)(_switchCell.default, (0, _extends2.default)({
+  return (0, _element.createElement)(_switchCell.default, {
     label: label,
     id: id,
     help: helpLabel,
     className: className,
     value: checked,
-    onValueChange: onChange
-  }, props));
+    onValueChange: onChange,
+    ...props
+  });
 });
 var _default = ToggleControl;
 exports.default = _default;

package/build/toggle-control/index.native.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-control/index.native.js"],"names":["ToggleControl","label","checked","help","instanceId","className","onChange","props","id","helpLabel"],"mappings":";;;;;;;;;AAGA~~;;;;~~AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,mBACrB,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,OAAT;AAAkBC,EAAAA,IAAlB;AAAwBC,EAAAA,UAAxB;AAAoCC,EAAAA,SAApC;AAA+CC,EAAAA,QAA/C;AAAyD,KAAGC;AAA5D,CAAF,KAA2E;AAC1E,QAAMC,EAAE,GAAI,4BAA4BJ,UAAY,EAApD;AAEA,QAAMK,SAAS,GACdN,IAAI,IAAI,OAAOA,IAAP,KAAgB,UAAxB,GAAqCA,IAAI,CAAED,OAAF,CAAzC,GAAuDC,IADxD;AAGA,SACC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,EAAE,EAAGO,EAFN;AAGC,IAAA,IAAI,EAAGC,SAHR;AAIC,IAAA,SAAS,EAAGJ,SAJb;AAKC,IAAA,KAAK,EAAGH,OALT;AAMC,IAAA,aAAa,EAAGI;~~AANjB~~,~~KAOMC~~,~~KAPN,EADD~~;AAWA,CAlBoB,CAAtB;eAqBeP,a","sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport SwitchCell from '../mobile/bottom-sheet/switch-cell';\n\nconst ToggleControl = memo(\n\t( { label, checked, help, instanceId, className, onChange, ...props } ) => {\n\t\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\t\tconst helpLabel =\n\t\t\thelp && typeof help === 'function' ? help( checked ) : help;\n\n\t\treturn (\n\t\t\t<SwitchCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ helpLabel }\n\t\t\t\tclassName={ className }\n\t\t\t\tvalue={ checked }\n\t\t\t\tonValueChange={ onChange }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default ToggleControl;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-control/index.native.js"],"names":["ToggleControl","label","checked","help","instanceId","className","onChange","props","id","helpLabel"],"mappings":";;;;;;;;;AAGA;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,mBACrB,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,OAAT;AAAkBC,EAAAA,IAAlB;AAAwBC,EAAAA,UAAxB;AAAoCC,EAAAA,SAApC;AAA+CC,EAAAA,QAA/C;AAAyD,KAAGC;AAA5D,CAAF,KAA2E;AAC1E,QAAMC,EAAE,GAAI,4BAA4BJ,UAAY,EAApD;AAEA,QAAMK,SAAS,GACdN,IAAI,IAAI,OAAOA,IAAP,KAAgB,UAAxB,GAAqCA,IAAI,CAAED,OAAF,CAAzC,GAAuDC,IADxD;AAGA,SACC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGF,KADT;AAEC,IAAA,EAAE,EAAGO,EAFN;AAGC,IAAA,IAAI,EAAGC,SAHR;AAIC,IAAA,SAAS,EAAGJ,SAJb;AAKC,IAAA,KAAK,EAAGH,OALT;AAMC,IAAA,aAAa,EAAGI,QANjB;AAAA,OAOMC;AAPN,IADD;AAWA,CAlBoB,CAAtB;eAqBeP,a","sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo } from '@wordpress/element';\n/\n Internal dependencies\n */\nimport SwitchCell from '../mobile/bottom-sheet/switch-cell';\n\nconst ToggleControl = memo(\n\t( { label, checked, help, instanceId, className, onChange, ...props } ) => {\n\t\tconst id = `inspector-toggle-control-${ instanceId }`;\n\n\t\tconst helpLabel =\n\t\t\thelp && typeof help === 'function' ? help( checked ) : help;\n\n\t\treturn (\n\t\t\t<SwitchCell\n\t\t\t\tlabel={ label }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ helpLabel }\n\t\t\t\tclassName={ className }\n\t\t\t\tvalue={ checked }\n\t\t\t\tonValueChange={ onChange }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default ToggleControl;\n"]}

package/build/toggle-group-control/toggle-group-control/as-button-group.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.ToggleGroupControlAsButtonGroup = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _compose = require("@wordpress/compose");
 var _view = require("../../view");
@@ -71,12 +69,12 @@ function UnforwardedToggleGroupControlAsButtonGroup({
       isDeselectable: true,
       size
     }
-  }, (0, _element.createElement)(_view.View, (0, _extends2.default)({
-    "aria-label": label
-  }, otherProps, {
+  }, (0, _element.createElement)(_view.View, {
+    "aria-label": label,
+    ...otherProps,
     ref: (0, _compose.useMergeRefs)([containerRef, forwardedRef]),
     role: "group"
-  }), resizeListener, (0, _element.createElement)(_toggleGroupControlBackdrop.default, {
+  }, resizeListener, (0, _element.createElement)(_toggleGroupControlBackdrop.default, {
     state: groupContext.state,
     containerRef: containerRef,
     containerWidth: sizes.width,

package/build/toggle-group-control/toggle-group-control/as-button-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/as-button-group.tsx"],"names":["UnforwardedToggleGroupControlAsButtonGroup","children","isAdaptiveWidth","label","onChange","size","value","otherProps","forwardedRef","containerRef","resizeListener","sizes","baseId","ToggleGroupControlAsButtonGroup","toString","selectedValue","setSelectedValue","groupContext","state","setState","previousValue","isBlock","isDeselectable","width"],"mappings":";;;;;;;;;AAcA~~;;;;~~AANA;;AAWA;;AACA;;AACA;;AACA;;AAtBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;AAQA,SAASA,0CAAT,CACC;AACCC,EAAAA,QADD;AAECC,EAAAA,eAFD;AAGCC,EAAAA,KAHD;AAICC,EAAAA,QAJD;AAKCC,EAAAA,IALD;AAMCC,EAAAA,KAND;AAOC,KAAGC;AAPJ,CADD,EAcCC,YAdD,EAeE;AACD,QAAMC,YAAY,GAAG,sBAArB;AACA,QAAM,CAAEC,cAAF,EAAkBC,KAAlB,IAA4B,iCAAlC;AACA,QAAMC,MAAM,GAAG,4BACdC,+BADc,EAEd,sCAFc,EAGbC,QAHa,EAAf;AAIA,QAAM,CAAEC,aAAF,EAAiBC,gBAAjB,IAAsC,uBAAUV,KAAV,CAA5C;AACA,QAAMW,YAAY,GAAG;AACpBL,IAAAA,MADoB;AAEpBM,IAAAA,KAAK,EAAEH,aAFa;AAGpBI,IAAAA,QAAQ,EAAEH;AAHU,GAArB;AAKA,QAAMI,aAAa,GAAG,0BAAad,KAAb,CAAtB,CAbC,CAeD;;AACA,8BAAiB,MAAM;AACtB;AACA;AACA,QAAKc,aAAa,KAAKH,YAAY,CAACC,KAApC,EAA4C;AAC3Cd,MAAAA,QAAQ,CAAEa,YAAY,CAACC,KAAf,CAAR;AACA;AACD,GAND,EAMG,CAAED,YAAY,CAACC,KAAf,CANH,EAhBC,CAwBD;;AACA,8BAAiB,MAAM;AACtB,QAAKZ,KAAK,KAAKW,YAAY,CAACC,KAA5B,EAAoC;AACnCD,MAAAA,YAAY,CAACE,QAAb,CAAuBb,KAAvB;AACA;AACD,GAJD,EAIG,CAAEA,KAAF,CAJH;AAMA,SACC,4BAAC,gBAAD,CAA2B,QAA3B;AACC,IAAA,KAAK,EAAG,EACP,GAAGW,YADI;AAEPI,MAAAA,OAAO,EAAE,CAAEnB,eAFJ;AAGPoB,MAAAA,cAAc,EAAE,IAHT;AAIPjB,MAAAA;AAJO;AADT,KAQC,4BAAC,UAAD;AACC,kBAAaF;~~AADd~~,~~KAEMI~~,UAFN;AAGC,IAAA,GAAG,EAAG,2BAAc,CAAEE,YAAF,EAAgBD,YAAhB,CAAd,CAHP;AAIC,IAAA,IAAI,EAAC;AAJN,~~MAMGE~~,cANH,EAOC,4BAAC,mCAAD;AACC,IAAA,KAAK,EAAGO,YAAY,CAACC,KADtB;AAEC,IAAA,YAAY,EAAGT,YAFhB;AAGC,IAAA,cAAc,EAAGE,KAAK,CAACY,KAHxB;AAIC,IAAA,eAAe,EAAGrB;AAJnB,IAPD,EAaGD,QAbH,CARD,CADD;AA0BA;;AAEM,MAAMY,+BAA+B,GAAG,yBAC9Cb,0CAD8C,CAAxC","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseMergeRefs,\n\tuseInstanceId,\n\tusePrevious,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { forwardRef, useRef, useState } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { View } from '../../view';\nimport ToggleGroupControlBackdrop from './toggle-group-control-backdrop';\nimport ToggleGroupControlContext from '../context';\nimport { useUpdateEffect } from '../../utils/hooks';\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlMainControlProps } from '../types';\n\nfunction UnforwardedToggleGroupControlAsButtonGroup(\n\t{\n\t\tchildren,\n\t\tisAdaptiveWidth,\n\t\tlabel,\n\t\tonChange,\n\t\tsize,\n\t\tvalue,\n\t\t...otherProps\n\t}: WordPressComponentProps<\n\t\tToggleGroupControlMainControlProps,\n\t\t'div',\n\t\tfalse\n\t>,\n\tforwardedRef: ForwardedRef< HTMLDivElement >\n) {\n\tconst containerRef = useRef();\n\tconst [ resizeListener, sizes ] = useResizeObserver();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControlAsButtonGroup,\n\t\t'toggle-group-control-as-button-group'\n\t).toString();\n\tconst [ selectedValue, setSelectedValue ] = useState( value );\n\tconst groupContext = {\n\t\tbaseId,\n\t\tstate: selectedValue,\n\t\tsetState: setSelectedValue,\n\t};\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate groupContext.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if groupContext state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== groupContext.state ) {\n\t\t\tonChange( groupContext.state );\n\t\t}\n\t}, [ groupContext.state ] );\n\n\t// Sync incoming value with groupContext.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== groupContext.state ) {\n\t\t\tgroupContext.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\treturn (\n\t\t<ToggleGroupControlContext.Provider\n\t\t\tvalue={ {\n\t\t\t\t...groupContext,\n\t\t\t\tisBlock: ! isAdaptiveWidth,\n\t\t\t\tisDeselectable: true,\n\t\t\t\tsize,\n\t\t\t} }\n\t\t>\n\t\t\t<View\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...otherProps }\n\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t\trole=\"group\"\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t<ToggleGroupControlBackdrop\n\t\t\t\t\tstate={ groupContext.state }\n\t\t\t\t\tcontainerRef={ containerRef }\n\t\t\t\t\tcontainerWidth={ sizes.width }\n\t\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</ToggleGroupControlContext.Provider>\n\t);\n}\n\nexport const ToggleGroupControlAsButtonGroup = forwardRef(\n\tUnforwardedToggleGroupControlAsButtonGroup\n);\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/as-button-group.tsx"],"names":["UnforwardedToggleGroupControlAsButtonGroup","children","isAdaptiveWidth","label","onChange","size","value","otherProps","forwardedRef","containerRef","resizeListener","sizes","baseId","ToggleGroupControlAsButtonGroup","toString","selectedValue","setSelectedValue","groupContext","state","setState","previousValue","isBlock","isDeselectable","width"],"mappings":";;;;;;;;;AAcA;;AANA;;AAWA;;AACA;;AACA;;AACA;;AAtBA;AACA;AACA;;AAGA;AACA;AACA;;AASA;AACA;AACA;AAQA,SAASA,0CAAT,CACC;AACCC,EAAAA,QADD;AAECC,EAAAA,eAFD;AAGCC,EAAAA,KAHD;AAICC,EAAAA,QAJD;AAKCC,EAAAA,IALD;AAMCC,EAAAA,KAND;AAOC,KAAGC;AAPJ,CADD,EAcCC,YAdD,EAeE;AACD,QAAMC,YAAY,GAAG,sBAArB;AACA,QAAM,CAAEC,cAAF,EAAkBC,KAAlB,IAA4B,iCAAlC;AACA,QAAMC,MAAM,GAAG,4BACdC,+BADc,EAEd,sCAFc,EAGbC,QAHa,EAAf;AAIA,QAAM,CAAEC,aAAF,EAAiBC,gBAAjB,IAAsC,uBAAUV,KAAV,CAA5C;AACA,QAAMW,YAAY,GAAG;AACpBL,IAAAA,MADoB;AAEpBM,IAAAA,KAAK,EAAEH,aAFa;AAGpBI,IAAAA,QAAQ,EAAEH;AAHU,GAArB;AAKA,QAAMI,aAAa,GAAG,0BAAad,KAAb,CAAtB,CAbC,CAeD;;AACA,8BAAiB,MAAM;AACtB;AACA;AACA,QAAKc,aAAa,KAAKH,YAAY,CAACC,KAApC,EAA4C;AAC3Cd,MAAAA,QAAQ,CAAEa,YAAY,CAACC,KAAf,CAAR;AACA;AACD,GAND,EAMG,CAAED,YAAY,CAACC,KAAf,CANH,EAhBC,CAwBD;;AACA,8BAAiB,MAAM;AACtB,QAAKZ,KAAK,KAAKW,YAAY,CAACC,KAA5B,EAAoC;AACnCD,MAAAA,YAAY,CAACE,QAAb,CAAuBb,KAAvB;AACA;AACD,GAJD,EAIG,CAAEA,KAAF,CAJH;AAMA,SACC,4BAAC,gBAAD,CAA2B,QAA3B;AACC,IAAA,KAAK,EAAG,EACP,GAAGW,YADI;AAEPI,MAAAA,OAAO,EAAE,CAAEnB,eAFJ;AAGPoB,MAAAA,cAAc,EAAE,IAHT;AAIPjB,MAAAA;AAJO;AADT,KAQC,4BAAC,UAAD;AACC,kBAAaF,KADd;AAAA,OAEMI,UAFN;AAGC,IAAA,GAAG,EAAG,2BAAc,CAAEE,YAAF,EAAgBD,YAAhB,CAAd,CAHP;AAIC,IAAA,IAAI,EAAC;AAJN,KAMGE,cANH,EAOC,4BAAC,mCAAD;AACC,IAAA,KAAK,EAAGO,YAAY,CAACC,KADtB;AAEC,IAAA,YAAY,EAAGT,YAFhB;AAGC,IAAA,cAAc,EAAGE,KAAK,CAACY,KAHxB;AAIC,IAAA,eAAe,EAAGrB;AAJnB,IAPD,EAaGD,QAbH,CARD,CADD;AA0BA;;AAEM,MAAMY,+BAA+B,GAAG,yBAC9Cb,0CAD8C,CAAxC","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseMergeRefs,\n\tuseInstanceId,\n\tusePrevious,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { forwardRef, useRef, useState } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { View } from '../../view';\nimport ToggleGroupControlBackdrop from './toggle-group-control-backdrop';\nimport ToggleGroupControlContext from '../context';\nimport { useUpdateEffect } from '../../utils/hooks';\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlMainControlProps } from '../types';\n\nfunction UnforwardedToggleGroupControlAsButtonGroup(\n\t{\n\t\tchildren,\n\t\tisAdaptiveWidth,\n\t\tlabel,\n\t\tonChange,\n\t\tsize,\n\t\tvalue,\n\t\t...otherProps\n\t}: WordPressComponentProps<\n\t\tToggleGroupControlMainControlProps,\n\t\t'div',\n\t\tfalse\n\t>,\n\tforwardedRef: ForwardedRef< HTMLDivElement >\n) {\n\tconst containerRef = useRef();\n\tconst [ resizeListener, sizes ] = useResizeObserver();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControlAsButtonGroup,\n\t\t'toggle-group-control-as-button-group'\n\t).toString();\n\tconst [ selectedValue, setSelectedValue ] = useState( value );\n\tconst groupContext = {\n\t\tbaseId,\n\t\tstate: selectedValue,\n\t\tsetState: setSelectedValue,\n\t};\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate groupContext.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if groupContext state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== groupContext.state ) {\n\t\t\tonChange( groupContext.state );\n\t\t}\n\t}, [ groupContext.state ] );\n\n\t// Sync incoming value with groupContext.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== groupContext.state ) {\n\t\t\tgroupContext.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\treturn (\n\t\t<ToggleGroupControlContext.Provider\n\t\t\tvalue={ {\n\t\t\t\t...groupContext,\n\t\t\t\tisBlock: ! isAdaptiveWidth,\n\t\t\t\tisDeselectable: true,\n\t\t\t\tsize,\n\t\t\t} }\n\t\t>\n\t\t\t<View\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...otherProps }\n\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t\trole=\"group\"\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t<ToggleGroupControlBackdrop\n\t\t\t\t\tstate={ groupContext.state }\n\t\t\t\t\tcontainerRef={ containerRef }\n\t\t\t\t\tcontainerWidth={ sizes.width }\n\t\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</ToggleGroupControlContext.Provider>\n\t);\n}\n\nexport const ToggleGroupControlAsButtonGroup = forwardRef(\n\tUnforwardedToggleGroupControlAsButtonGroup\n);\n"]}

package/build/toggle-group-control/toggle-group-control/as-radio-group.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.ToggleGroupControlAsRadioGroup = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reakit = require("reakit");
 var _compose = require("@wordpress/compose");
@@ -71,12 +69,12 @@ function UnforwardedToggleGroupControlAsRadioGroup({
       isBlock: !isAdaptiveWidth,
       size
     }
-  }, (0, _element.createElement)(_reakit.RadioGroup, (0, _extends2.default)({}, radio, {
+  }, (0, _element.createElement)(_reakit.RadioGroup, { ...radio,
     "aria-label": label,
-    as: _view.View
-  }, otherProps, {
+    as: _view.View,
+    ...otherProps,
     ref: (0, _compose.useMergeRefs)([containerRef, forwardedRef])
-  }), resizeListener, (0, _element.createElement)(_toggleGroupControlBackdrop.default, {
+  }, resizeListener, (0, _element.createElement)(_toggleGroupControlBackdrop.default, {
     state: radio.state,
     containerRef: containerRef,
     containerWidth: sizes.width,

package/build/toggle-group-control/toggle-group-control/as-radio-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/as-radio-group.tsx"],"names":["UnforwardedToggleGroupControlAsRadioGroup","children","isAdaptiveWidth","label","onChange","size","value","otherProps","forwardedRef","containerRef","resizeListener","sizes","baseId","ToggleGroupControlAsRadioGroup","toString","radio","state","previousValue","setState","isBlock","View","width"],"mappings":";;;;;;;;;AAgBA~~;;;;~~AAXA;;AAKA;;AAWA;;AACA;;AACA;;AACA;;AAxBA;AACA;AACA;AAEA;;AAGA;AACA;AACA;;AASA;AACA;AACA;AAQA,SAASA,yCAAT,CACC;AACCC,EAAAA,QADD;AAECC,EAAAA,eAFD;AAGCC,EAAAA,KAHD;AAICC,EAAAA,QAJD;AAKCC,EAAAA,IALD;AAMCC,EAAAA,KAND;AAOC,KAAGC;AAPJ,CADD,EAcCC,YAdD,EAeE;AACD,QAAMC,YAAY,GAAG,sBAArB;AACA,QAAM,CAAEC,cAAF,EAAkBC,KAAlB,IAA4B,iCAAlC;AACA,QAAMC,MAAM,GAAG,4BACdC,8BADc,EAEd,qCAFc,EAGbC,QAHa,EAAf;AAIA,QAAMC,KAAK,GAAG,2BAAe;AAC5BH,IAAAA,MAD4B;AAE5BI,IAAAA,KAAK,EAAEV;AAFqB,GAAf,CAAd;AAIA,QAAMW,aAAa,GAAG,0BAAaX,KAAb,CAAtB,CAXC,CAaD;;AACA,8BAAiB,MAAM;AACtB;AACA;AACA,QAAKW,aAAa,KAAKF,KAAK,CAACC,KAA7B,EAAqC;AACpCZ,MAAAA,QAAQ,CAAEW,KAAK,CAACC,KAAR,CAAR;AACA;AACD,GAND,EAMG,CAAED,KAAK,CAACC,KAAR,CANH,EAdC,CAsBD;;AACA,8BAAiB,MAAM;AACtB,QAAKV,KAAK,KAAKS,KAAK,CAACC,KAArB,EAA6B;AAC5BD,MAAAA,KAAK,CAACG,QAAN,CAAgBZ,KAAhB;AACA;AACD,GAJD,EAIG,CAAEA,KAAF,CAJH;AAMA,SACC,4BAAC,gBAAD,CAA2B,QAA3B;AACC,IAAA,KAAK,EAAG,EAAE,GAAGS,KAAL;AAAYI,MAAAA,OAAO,EAAE,CAAEjB,eAAvB;AAAwCG,MAAAA;AAAxC;AADT,KAGC,4BAAC,kBAAD,~~6BACMU~~,KADN;AAEC,kBAAaZ,KAFd;AAGC,IAAA,EAAE,EAAGiB;~~AAHN~~,~~KAIMb~~,UAJN;AAKC,IAAA,GAAG,EAAG,2BAAc,CAAEE,YAAF,EAAgBD,YAAhB,CAAd;AALP,~~MAOGE~~,cAPH,EAQC,4BAAC,mCAAD;AACC,IAAA,KAAK,EAAGK,KAAK,CAACC,KADf;AAEC,IAAA,YAAY,EAAGP,YAFhB;AAGC,IAAA,cAAc,EAAGE,KAAK,CAACU,KAHxB;AAIC,IAAA,eAAe,EAAGnB;AAJnB,IARD,EAcGD,QAdH,CAHD,CADD;AAsBA;;AAEM,MAAMY,8BAA8B,GAAG,yBAC7Cb,yCAD6C,CAAvC","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { RadioGroup, useRadioState } from 'reakit';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseMergeRefs,\n\tuseInstanceId,\n\tusePrevious,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { View } from '../../view';\nimport ToggleGroupControlBackdrop from './toggle-group-control-backdrop';\nimport ToggleGroupControlContext from '../context';\nimport { useUpdateEffect } from '../../utils/hooks';\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlMainControlProps } from '../types';\n\nfunction UnforwardedToggleGroupControlAsRadioGroup(\n\t{\n\t\tchildren,\n\t\tisAdaptiveWidth,\n\t\tlabel,\n\t\tonChange,\n\t\tsize,\n\t\tvalue,\n\t\t...otherProps\n\t}: WordPressComponentProps<\n\t\tToggleGroupControlMainControlProps,\n\t\t'div',\n\t\tfalse\n\t>,\n\tforwardedRef: ForwardedRef< HTMLDivElement >\n) {\n\tconst containerRef = useRef();\n\tconst [ resizeListener, sizes ] = useResizeObserver();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControlAsRadioGroup,\n\t\t'toggle-group-control-as-radio-group'\n\t).toString();\n\tconst radio = useRadioState( {\n\t\tbaseId,\n\t\tstate: value,\n\t} );\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate radio.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if radio state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== radio.state ) {\n\t\t\tonChange( radio.state );\n\t\t}\n\t}, [ radio.state ] );\n\n\t// Sync incoming value with radio.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== radio.state ) {\n\t\t\tradio.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\treturn (\n\t\t<ToggleGroupControlContext.Provider\n\t\t\tvalue={ { ...radio, isBlock: ! isAdaptiveWidth, size } }\n\t\t>\n\t\t\t<RadioGroup\n\t\t\t\t{ ...radio }\n\t\t\t\taria-label={ label }\n\t\t\t\tas={ View }\n\t\t\t\t{ ...otherProps }\n\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t<ToggleGroupControlBackdrop\n\t\t\t\t\tstate={ radio.state }\n\t\t\t\t\tcontainerRef={ containerRef }\n\t\t\t\t\tcontainerWidth={ sizes.width }\n\t\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</RadioGroup>\n\t\t</ToggleGroupControlContext.Provider>\n\t);\n}\n\nexport const ToggleGroupControlAsRadioGroup = forwardRef(\n\tUnforwardedToggleGroupControlAsRadioGroup\n);\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/as-radio-group.tsx"],"names":["UnforwardedToggleGroupControlAsRadioGroup","children","isAdaptiveWidth","label","onChange","size","value","otherProps","forwardedRef","containerRef","resizeListener","sizes","baseId","ToggleGroupControlAsRadioGroup","toString","radio","state","previousValue","setState","isBlock","View","width"],"mappings":";;;;;;;;;AAgBA;;AAXA;;AAKA;;AAWA;;AACA;;AACA;;AACA;;AAxBA;AACA;AACA;AAEA;;AAGA;AACA;AACA;;AASA;AACA;AACA;AAQA,SAASA,yCAAT,CACC;AACCC,EAAAA,QADD;AAECC,EAAAA,eAFD;AAGCC,EAAAA,KAHD;AAICC,EAAAA,QAJD;AAKCC,EAAAA,IALD;AAMCC,EAAAA,KAND;AAOC,KAAGC;AAPJ,CADD,EAcCC,YAdD,EAeE;AACD,QAAMC,YAAY,GAAG,sBAArB;AACA,QAAM,CAAEC,cAAF,EAAkBC,KAAlB,IAA4B,iCAAlC;AACA,QAAMC,MAAM,GAAG,4BACdC,8BADc,EAEd,qCAFc,EAGbC,QAHa,EAAf;AAIA,QAAMC,KAAK,GAAG,2BAAe;AAC5BH,IAAAA,MAD4B;AAE5BI,IAAAA,KAAK,EAAEV;AAFqB,GAAf,CAAd;AAIA,QAAMW,aAAa,GAAG,0BAAaX,KAAb,CAAtB,CAXC,CAaD;;AACA,8BAAiB,MAAM;AACtB;AACA;AACA,QAAKW,aAAa,KAAKF,KAAK,CAACC,KAA7B,EAAqC;AACpCZ,MAAAA,QAAQ,CAAEW,KAAK,CAACC,KAAR,CAAR;AACA;AACD,GAND,EAMG,CAAED,KAAK,CAACC,KAAR,CANH,EAdC,CAsBD;;AACA,8BAAiB,MAAM;AACtB,QAAKV,KAAK,KAAKS,KAAK,CAACC,KAArB,EAA6B;AAC5BD,MAAAA,KAAK,CAACG,QAAN,CAAgBZ,KAAhB;AACA;AACD,GAJD,EAIG,CAAEA,KAAF,CAJH;AAMA,SACC,4BAAC,gBAAD,CAA2B,QAA3B;AACC,IAAA,KAAK,EAAG,EAAE,GAAGS,KAAL;AAAYI,MAAAA,OAAO,EAAE,CAAEjB,eAAvB;AAAwCG,MAAAA;AAAxC;AADT,KAGC,4BAAC,kBAAD,OACMU,KADN;AAEC,kBAAaZ,KAFd;AAGC,IAAA,EAAE,EAAGiB,UAHN;AAAA,OAIMb,UAJN;AAKC,IAAA,GAAG,EAAG,2BAAc,CAAEE,YAAF,EAAgBD,YAAhB,CAAd;AALP,KAOGE,cAPH,EAQC,4BAAC,mCAAD;AACC,IAAA,KAAK,EAAGK,KAAK,CAACC,KADf;AAEC,IAAA,YAAY,EAAGP,YAFhB;AAGC,IAAA,cAAc,EAAGE,KAAK,CAACU,KAHxB;AAIC,IAAA,eAAe,EAAGnB;AAJnB,IARD,EAcGD,QAdH,CAHD,CADD;AAsBA;;AAEM,MAAMY,8BAA8B,GAAG,yBAC7Cb,yCAD6C,CAAvC","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { RadioGroup, useRadioState } from 'reakit';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseMergeRefs,\n\tuseInstanceId,\n\tusePrevious,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { View } from '../../view';\nimport ToggleGroupControlBackdrop from './toggle-group-control-backdrop';\nimport ToggleGroupControlContext from '../context';\nimport { useUpdateEffect } from '../../utils/hooks';\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlMainControlProps } from '../types';\n\nfunction UnforwardedToggleGroupControlAsRadioGroup(\n\t{\n\t\tchildren,\n\t\tisAdaptiveWidth,\n\t\tlabel,\n\t\tonChange,\n\t\tsize,\n\t\tvalue,\n\t\t...otherProps\n\t}: WordPressComponentProps<\n\t\tToggleGroupControlMainControlProps,\n\t\t'div',\n\t\tfalse\n\t>,\n\tforwardedRef: ForwardedRef< HTMLDivElement >\n) {\n\tconst containerRef = useRef();\n\tconst [ resizeListener, sizes ] = useResizeObserver();\n\tconst baseId = useInstanceId(\n\t\tToggleGroupControlAsRadioGroup,\n\t\t'toggle-group-control-as-radio-group'\n\t).toString();\n\tconst radio = useRadioState( {\n\t\tbaseId,\n\t\tstate: value,\n\t} );\n\tconst previousValue = usePrevious( value );\n\n\t// Propagate radio.state change.\n\tuseUpdateEffect( () => {\n\t\t// Avoid calling onChange if radio state changed\n\t\t// from incoming value.\n\t\tif ( previousValue !== radio.state ) {\n\t\t\tonChange( radio.state );\n\t\t}\n\t}, [ radio.state ] );\n\n\t// Sync incoming value with radio.state.\n\tuseUpdateEffect( () => {\n\t\tif ( value !== radio.state ) {\n\t\t\tradio.setState( value );\n\t\t}\n\t}, [ value ] );\n\n\treturn (\n\t\t<ToggleGroupControlContext.Provider\n\t\t\tvalue={ { ...radio, isBlock: ! isAdaptiveWidth, size } }\n\t\t>\n\t\t\t<RadioGroup\n\t\t\t\t{ ...radio }\n\t\t\t\taria-label={ label }\n\t\t\t\tas={ View }\n\t\t\t\t{ ...otherProps }\n\t\t\t\tref={ useMergeRefs( [ containerRef, forwardedRef ] ) }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t<ToggleGroupControlBackdrop\n\t\t\t\t\tstate={ radio.state }\n\t\t\t\t\tcontainerRef={ containerRef }\n\t\t\t\t\tcontainerWidth={ sizes.width }\n\t\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\t/>\n\t\t\t\t{ children }\n\t\t\t</RadioGroup>\n\t\t</ToggleGroupControlContext.Provider>\n\t);\n}\n\nexport const ToggleGroupControlAsRadioGroup = forwardRef(\n\tUnforwardedToggleGroupControlAsRadioGroup\n);\n"]}

package/build/toggle-group-control/toggle-group-control/component.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = exports.ToggleGroupControl = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _context = require("../../ui/context");
 var _hooks = require("../../utils/hooks");
@@ -66,7 +64,7 @@ function UnconnectedToggleGroupControl(props, forwardedRef) {
   return (0, _element.createElement)(_baseControl.default, {
     help: help,
     __nextHasNoMarginBottom: __nextHasNoMarginBottom
-  }, !hideLabelFromVision && (0, _element.createElement)(styles.VisualLabelWrapper, null, (0, _element.createElement)(_baseControl.default.VisualLabel, null, label)), (0, _element.createElement)(MainControl, (0, _extends2.default)({}, otherProps, {
+  }, !hideLabelFromVision && (0, _element.createElement)(styles.VisualLabelWrapper, null, (0, _element.createElement)(_baseControl.default.VisualLabel, null, label)), (0, _element.createElement)(MainControl, { ...otherProps,
     children: children,
     className: classes,
     isAdaptiveWidth: isAdaptiveWidth,
@@ -75,7 +73,7 @@ function UnconnectedToggleGroupControl(props, forwardedRef) {
     ref: forwardedRef,
     size: size,
     value: value
-  })));
+  }));
 }
 /**
  * `ToggleGroupControl` is a form component that lets users choose options

package/build/toggle-group-control/toggle-group-control/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/component.tsx"],"names":["noop","UnconnectedToggleGroupControl","props","forwardedRef","__nextHasNoMarginBottom","className","isAdaptiveWidth","isBlock","isDeselectable","label","hideLabelFromVision","help","onChange","size","value","children","otherProps","cx","classes","styles","ToggleGroupControl","block","MainControl","ToggleGroupControlAsButtonGroup","ToggleGroupControlAsRadioGroup"],"mappings":";;;;;;;;;AAQA~~;;;;~~AAKA;;AAKA;;AACA;;AAEA;;AAEA;;AACA;;;;;;AAxBA;AACA;AACA;;AAEA;AACA;AACA;;AAIA;AACA;AACA;AAcA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,6BAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,uBAAuB,GAAG,KADrB;AAELC,IAAAA,SAFK;AAGLC,IAAAA,eAAe,GAAG,KAHb;AAILC,IAAAA,OAAO,GAAG,KAJL;AAKLC,IAAAA,cAAc,GAAG,KALZ;AAMLC,IAAAA,KANK;AAOLC,IAAAA,mBAAmB,GAAG,KAPjB;AAQLC,IAAAA,IARK;AASLC,IAAAA,QAAQ,GAAGZ,IATN;AAULa,IAAAA,IAAI,GAAG,SAVF;AAWLC,IAAAA,KAXK;AAYLC,IAAAA,QAZK;AAaL,OAAGC;AAbE,MAcF,+BAAkBd,KAAlB,EAAyB,oBAAzB,CAdJ;AAeA,QAAMe,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAG,sBACf,MACCD,EAAE,CACDE,MAAM,CAACC,kBAAP,CAA2B;AAAEb,IAAAA,OAAF;AAAWC,IAAAA,cAAX;AAA2BK,IAAAA;AAA3B,GAA3B,CADC,EAEDN,OAAO,IAAIY,MAAM,CAACE,KAFjB,EAGDhB,SAHC,CAFY,EAOf,CAAEA,SAAF,EAAaY,EAAb,EAAiBV,OAAjB,EAA0BC,cAA1B,EAA0CK,IAA1C,CAPe,CAAhB;AAUA,QAAMS,WAAW,GAAGd,cAAc,GAC/Be,8CAD+B,GAE/BC,4CAFH;AAIA,SACC,4BAAC,oBAAD;AACC,IAAA,IAAI,EAAGb,IADR;AAEC,IAAA,uBAAuB,EAAGP;AAF3B,KAIG,CAAEM,mBAAF,IACD,4BAAC,yBAAD,QACC,4BAAC,oBAAD,CAAa,WAAb,QAA2BD,KAA3B,CADD,CALF,EASC,4BAAC,WAAD,~~6BACMO~~,UADN;AAEC,IAAA,QAAQ,EAAGD,QAFZ;AAGC,IAAA,SAAS,EAAGG,OAHb;AAIC,IAAA,eAAe,EAAGZ,eAJnB;AAKC,IAAA,KAAK,EAAGG,KALT;AAMC,IAAA,QAAQ,EAAGG,QANZ;AAOC,IAAA,GAAG,EAAGT,YAPP;AAQC,IAAA,IAAI,EAAGU,IARR;AASC,IAAA,KAAK,EAAGC;AATT,~~KATD~~,CADD;AAuBA;AAED;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;;;AACO,MAAMM,kBAAkB,GAAG,6BACjCnB,6BADiC,EAEjC,oBAFiC,CAA3B;;eAKQmB,kB","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { useCx } from '../../utils/hooks';\nimport BaseControl from '../../base-control';\nimport type { ToggleGroupControlProps } from '../types';\nimport { VisualLabelWrapper } from './styles';\nimport as styles from './styles';\nimport { ToggleGroupControlAsRadioGroup } from './as-radio-group';\nimport { ToggleGroupControlAsButtonGroup } from './as-button-group';\n\nconst noop = () => {};\n\nfunction UnconnectedToggleGroupControl(\n\tprops: WordPressComponentProps< ToggleGroupControlProps, 'div', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tclassName,\n\t\tisAdaptiveWidth = false,\n\t\tisBlock = false,\n\t\tisDeselectable = false,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tonChange = noop,\n\t\tsize = 'default',\n\t\tvalue,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToggleGroupControl' );\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.ToggleGroupControl( { isBlock, isDeselectable, size } ),\n\t\t\t\tisBlock && styles.block,\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBlock, isDeselectable, size ]\n\t);\n\n\tconst MainControl = isDeselectable\n\t\t? ToggleGroupControlAsButtonGroup\n\t\t: ToggleGroupControlAsRadioGroup;\n\n\treturn (\n\t\t<BaseControl\n\t\t\thelp={ help }\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t>\n\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t<VisualLabelWrapper>\n\t\t\t\t\t<BaseControl.VisualLabel>{ label }</BaseControl.VisualLabel>\n\t\t\t\t</VisualLabelWrapper>\n\t\t\t) }\n\t\t\t<MainControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\tchildren={ children }\n\t\t\t\tclassName={ classes }\n\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\tlabel={ label }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tref={ forwardedRef }\n\t\t\t\tsize={ size }\n\t\t\t\tvalue={ value }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\n/*\n `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n \n This component is intended for selecting a single persistent value from a set of options,\n * similar to a how a radio button group would work. If you simply want a toggle to switch between views,\n * use a `TabPanel` instead.\n \n Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n \n ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nexport const ToggleGroupControl = contextConnect(\n\tUnconnectedToggleGroupControl,\n\t'ToggleGroupControl'\n);\n\nexport default ToggleGroupControl;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control/component.tsx"],"names":["noop","UnconnectedToggleGroupControl","props","forwardedRef","__nextHasNoMarginBottom","className","isAdaptiveWidth","isBlock","isDeselectable","label","hideLabelFromVision","help","onChange","size","value","children","otherProps","cx","classes","styles","ToggleGroupControl","block","MainControl","ToggleGroupControlAsButtonGroup","ToggleGroupControlAsRadioGroup"],"mappings":";;;;;;;;;AAQA;;AAKA;;AAKA;;AACA;;AAEA;;AAEA;;AACA;;;;;;AAxBA;AACA;AACA;;AAEA;AACA;AACA;;AAIA;AACA;AACA;AAcA,MAAMA,IAAI,GAAG,MAAM,CAAE,CAArB;;AAEA,SAASC,6BAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,uBAAuB,GAAG,KADrB;AAELC,IAAAA,SAFK;AAGLC,IAAAA,eAAe,GAAG,KAHb;AAILC,IAAAA,OAAO,GAAG,KAJL;AAKLC,IAAAA,cAAc,GAAG,KALZ;AAMLC,IAAAA,KANK;AAOLC,IAAAA,mBAAmB,GAAG,KAPjB;AAQLC,IAAAA,IARK;AASLC,IAAAA,QAAQ,GAAGZ,IATN;AAULa,IAAAA,IAAI,GAAG,SAVF;AAWLC,IAAAA,KAXK;AAYLC,IAAAA,QAZK;AAaL,OAAGC;AAbE,MAcF,+BAAkBd,KAAlB,EAAyB,oBAAzB,CAdJ;AAeA,QAAMe,EAAE,GAAG,mBAAX;AAEA,QAAMC,OAAO,GAAG,sBACf,MACCD,EAAE,CACDE,MAAM,CAACC,kBAAP,CAA2B;AAAEb,IAAAA,OAAF;AAAWC,IAAAA,cAAX;AAA2BK,IAAAA;AAA3B,GAA3B,CADC,EAEDN,OAAO,IAAIY,MAAM,CAACE,KAFjB,EAGDhB,SAHC,CAFY,EAOf,CAAEA,SAAF,EAAaY,EAAb,EAAiBV,OAAjB,EAA0BC,cAA1B,EAA0CK,IAA1C,CAPe,CAAhB;AAUA,QAAMS,WAAW,GAAGd,cAAc,GAC/Be,8CAD+B,GAE/BC,4CAFH;AAIA,SACC,4BAAC,oBAAD;AACC,IAAA,IAAI,EAAGb,IADR;AAEC,IAAA,uBAAuB,EAAGP;AAF3B,KAIG,CAAEM,mBAAF,IACD,4BAAC,yBAAD,QACC,4BAAC,oBAAD,CAAa,WAAb,QAA2BD,KAA3B,CADD,CALF,EASC,4BAAC,WAAD,OACMO,UADN;AAEC,IAAA,QAAQ,EAAGD,QAFZ;AAGC,IAAA,SAAS,EAAGG,OAHb;AAIC,IAAA,eAAe,EAAGZ,eAJnB;AAKC,IAAA,KAAK,EAAGG,KALT;AAMC,IAAA,QAAQ,EAAGG,QANZ;AAOC,IAAA,GAAG,EAAGT,YAPP;AAQC,IAAA,IAAI,EAAGU,IARR;AASC,IAAA,KAAK,EAAGC;AATT,IATD,CADD;AAuBA;AAED;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;;;AACO,MAAMM,kBAAkB,GAAG,6BACjCnB,6BADiC,EAEjC,oBAFiC,CAA3B;;eAKQmB,kB","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n/\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { useCx } from '../../utils/hooks';\nimport BaseControl from '../../base-control';\nimport type { ToggleGroupControlProps } from '../types';\nimport { VisualLabelWrapper } from './styles';\nimport as styles from './styles';\nimport { ToggleGroupControlAsRadioGroup } from './as-radio-group';\nimport { ToggleGroupControlAsButtonGroup } from './as-button-group';\n\nconst noop = () => {};\n\nfunction UnconnectedToggleGroupControl(\n\tprops: WordPressComponentProps< ToggleGroupControlProps, 'div', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tclassName,\n\t\tisAdaptiveWidth = false,\n\t\tisBlock = false,\n\t\tisDeselectable = false,\n\t\tlabel,\n\t\thideLabelFromVision = false,\n\t\thelp,\n\t\tonChange = noop,\n\t\tsize = 'default',\n\t\tvalue,\n\t\tchildren,\n\t\t...otherProps\n\t} = useContextSystem( props, 'ToggleGroupControl' );\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.ToggleGroupControl( { isBlock, isDeselectable, size } ),\n\t\t\t\tisBlock && styles.block,\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBlock, isDeselectable, size ]\n\t);\n\n\tconst MainControl = isDeselectable\n\t\t? ToggleGroupControlAsButtonGroup\n\t\t: ToggleGroupControlAsRadioGroup;\n\n\treturn (\n\t\t<BaseControl\n\t\t\thelp={ help }\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t>\n\t\t\t{ ! hideLabelFromVision && (\n\t\t\t\t<VisualLabelWrapper>\n\t\t\t\t\t<BaseControl.VisualLabel>{ label }</BaseControl.VisualLabel>\n\t\t\t\t</VisualLabelWrapper>\n\t\t\t) }\n\t\t\t<MainControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\tchildren={ children }\n\t\t\t\tclassName={ classes }\n\t\t\t\tisAdaptiveWidth={ isAdaptiveWidth }\n\t\t\t\tlabel={ label }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tref={ forwardedRef }\n\t\t\t\tsize={ size }\n\t\t\t\tvalue={ value }\n\t\t\t/>\n\t\t</BaseControl>\n\t);\n}\n\n/*\n `ToggleGroupControl` is a form component that lets users choose options\n * represented in horizontal segments. To render options for this control use\n * `ToggleGroupControlOption` component.\n \n This component is intended for selecting a single persistent value from a set of options,\n * similar to a how a radio button group would work. If you simply want a toggle to switch between views,\n * use a `TabPanel` instead.\n \n Only use this control when you know for sure the labels of items inside won't\n * wrap. For items with longer labels, you can consider a `SelectControl` or a\n * `CustomSelectControl` component instead.\n \n ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nexport const ToggleGroupControl = contextConnect(\n\tUnconnectedToggleGroupControl,\n\t'ToggleGroupControl'\n);\n\nexport default ToggleGroupControl;\n"]}

package/build/toggle-group-control/toggle-group-control-option/component.js CHANGED Viewed

@@ -1,7 +1,5 @@
 "use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +7,6 @@ exports.default = exports.ToggleGroupControlOption = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toggleGroupControlOptionBase = require("../toggle-group-control-option-base");
 /**
@@ -26,10 +22,10 @@ function UnforwardedToggleGroupControlOption(props, ref) {
     ...restProps
   } = props;
   const optionLabel = restProps['aria-label'] || label;
-  return (0, _element.createElement)(_toggleGroupControlOptionBase.ToggleGroupControlOptionBase, (0, _extends2.default)({}, restProps, {
+  return (0, _element.createElement)(_toggleGroupControlOptionBase.ToggleGroupControlOptionBase, { ...restProps,
     "aria-label": optionLabel,
     ref: ref
-  }), label);
+  }, label);
 }
 /**
  * `ToggleGroupControlOption` is a form component and is meant to be used as a

package/build/toggle-group-control/toggle-group-control-option/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option/component.tsx"],"names":["UnforwardedToggleGroupControlOption","props","ref","label","restProps","optionLabel","ToggleGroupControlOption"],"mappings":"~~;;;;;;;;;~~AAQA~~;;;;~~AAOA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;AAUA,SAASA,mCAAT,CACCC,KADD,EAMCC,GAND,EAOE;AACD,QAAM;AAAEC,IAAAA,KAAF;AAAS,OAAGC;AAAZ,MAA0BH,KAAhC;AACA,QAAMI,WAAW,GAAGD,SAAS,CAAE,YAAF,CAAT,IAA6BD,KAAjD;AACA,SACC,4BAAC,0DAAD,~~6BACMC~~,SADN;AAEC,kBAAaC,WAFd;AAGC,IAAA,GAAG,EAAGH;AAHP,~~MAKGC~~,KALH,CADD;AASA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMG,wBAAwB,GAAG,yBACvCN,mCADuC,CAAjC;;eAIQM,wB","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlOptionProps } from '../types';\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\n\nfunction UnforwardedToggleGroupControlOption(\n\tprops: WordPressComponentProps<\n\t\tToggleGroupControlOptionProps,\n\t\t'button',\n\t\tfalse\n\t>,\n\tref: ForwardedRef< any >\n) {\n\tconst { label, ...restProps } = props;\n\tconst optionLabel = restProps[ 'aria-label' ] \|\| label;\n\treturn (\n\t\t<ToggleGroupControlOptionBase\n\t\t\t{ ...restProps }\n\t\t\taria-label={ optionLabel }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ label }\n\t\t</ToggleGroupControlOptionBase>\n\t);\n}\n\n/\n `ToggleGroupControlOption` is a form component and is meant to be used as a\n * child of `ToggleGroupControl`.\n \n ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nexport const ToggleGroupControlOption = forwardRef(\n\tUnforwardedToggleGroupControlOption\n);\n\nexport default ToggleGroupControlOption;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option/component.tsx"],"names":["UnforwardedToggleGroupControlOption","props","ref","label","restProps","optionLabel","ToggleGroupControlOption"],"mappings":";;;;;;;AAQA;;AAOA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;AAUA,SAASA,mCAAT,CACCC,KADD,EAMCC,GAND,EAOE;AACD,QAAM;AAAEC,IAAAA,KAAF;AAAS,OAAGC;AAAZ,MAA0BH,KAAhC;AACA,QAAMI,WAAW,GAAGD,SAAS,CAAE,YAAF,CAAT,IAA6BD,KAAjD;AACA,SACC,4BAAC,0DAAD,OACMC,SADN;AAEC,kBAAaC,WAFd;AAGC,IAAA,GAAG,EAAGH;AAHP,KAKGC,KALH,CADD;AASA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMG,wBAAwB,GAAG,yBACvCN,mCADuC,CAAjC;;eAIQM,wB","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlOptionProps } from '../types';\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\n\nfunction UnforwardedToggleGroupControlOption(\n\tprops: WordPressComponentProps<\n\t\tToggleGroupControlOptionProps,\n\t\t'button',\n\t\tfalse\n\t>,\n\tref: ForwardedRef< any >\n) {\n\tconst { label, ...restProps } = props;\n\tconst optionLabel = restProps[ 'aria-label' ] \|\| label;\n\treturn (\n\t\t<ToggleGroupControlOptionBase\n\t\t\t{ ...restProps }\n\t\t\taria-label={ optionLabel }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ label }\n\t\t</ToggleGroupControlOptionBase>\n\t);\n}\n\n/\n `ToggleGroupControlOption` is a form component and is meant to be used as a\n * child of `ToggleGroupControl`.\n \n ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOption as ToggleGroupControlOption,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nexport const ToggleGroupControlOption = forwardRef(\n\tUnforwardedToggleGroupControlOption\n);\n\nexport default ToggleGroupControlOption;\n"]}

package/build/toggle-group-control/toggle-group-control-option-base/component.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _reakit = require("reakit");
 var _compose = require("@wordpress/compose");
@@ -111,16 +109,17 @@ function ToggleGroupControlOptionBase(props, forwardedRef) {
   }, (0, _element.createElement)(WithToolTip, {
     showTooltip: showTooltip,
     text: otherButtonProps['aria-label']
-  }, isDeselectable ? (0, _element.createElement)("button", (0, _extends2.default)({}, commonProps, {
+  }, isDeselectable ? (0, _element.createElement)("button", { ...commonProps,
     "aria-pressed": isPressed,
     type: "button",
     onClick: buttonOnClick
-  }), (0, _element.createElement)(ButtonContentView, null, children)) : (0, _element.createElement)(_reakit.Radio, (0, _extends2.default)({}, commonProps, otherContextProps
-  /* these are only for Ariakit Radio */
-  , {
+  }, (0, _element.createElement)(ButtonContentView, null, children)) : (0, _element.createElement)(_reakit.Radio, { ...commonProps,
+    ...otherContextProps
+    /* these are only for Ariakit Radio */
+    ,
     as: "button",
     value: value
-  }), (0, _element.createElement)(ButtonContentView, null, children))));
+  }, (0, _element.createElement)(ButtonContentView, null, children))));
 }
 /**
  * `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,

package/build/toggle-group-control/toggle-group-control-option-base/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option-base/component.tsx"],"names":["ButtonContentView","LabelView","styles","WithToolTip","showTooltip","text","children","ToggleGroupControlOptionBase","props","forwardedRef","toggleGroupControlContext","id","baseId","buttonProps","isBlock","isDeselectable","size","otherContextProps","className","isIcon","value","otherButtonProps","isPressed","state","cx","labelViewClasses","labelBlock","classes","buttonView","buttonOnClick","setState","undefined","commonProps","ref","ConnectedToggleGroupControlOptionBase"],"mappings":"~~;;;;;;;;;;;;;~~AAKA;;AAKA;;AAKA;;AASA;;AACA;;AACA;;AACA;;;;;;AA3BA;AACA;AACA;AAEA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAeA,MAAM;AAAEA,EAAAA,iBAAF;AAAqBC,EAAAA;AAArB,IAAmCC,MAAzC;;AAEA,MAAMC,WAAW,GAAG,CAAE;AAAEC,EAAAA,WAAF;AAAeC,EAAAA,IAAf;AAAqBC,EAAAA;AAArB,CAAF,KAAyD;AAC5E,MAAKF,WAAW,IAAIC,IAApB,EAA2B;AAC1B,WACC,4BAAC,gBAAD;AAAS,MAAA,IAAI,EAAGA,IAAhB;AAAuB,MAAA,QAAQ,EAAC;AAAhC,OACGC,QADH,CADD;AAKA;;AACD,SAAO,qDAAIA,QAAJ,CAAP;AACA,CATD;;AAWA,SAASC,4BAAT,CACCC,KADD,EAMCC,YAND,EAOE;AACD,QAAMC,yBAAyB,GAAG,6CAAlC;AACA,QAAMC,EAAE,GAAG,4BACVJ,4BADU,EAEVG,yBAAyB,CAACE,MAA1B,IAAoC,kCAF1B,CAAX;AAIA,QAAMC,WAAW,GAAG,+BACnB,EAAE,GAAGL,KAAL;AAAYG,IAAAA;AAAZ,GADmB,EAEnB,8BAFmB,CAApB;AAIA,QAAM;AACLG,IAAAA,OAAO,GAAG,KADL;AAELC,IAAAA,cAAc,GAAG,KAFZ;AAGLC,IAAAA,IAAI,GAAG,SAHF;AAIL,OAAGC;AAAkB;;AAJhB,MAKFP,yBALJ;AAMA,QAAM;AACLQ,IAAAA,SADK;AAELC,IAAAA,MAAM,GAAG,KAFJ;AAGLC,IAAAA,KAHK;AAILd,IAAAA,QAJK;AAKLF,IAAAA,WAAW,GAAG,KALT;AAML,OAAGiB;AANE,MAOFR,WAPJ;AASA,QAAMS,SAAS,GAAGL,iBAAiB,CAACM,KAAlB,KAA4BH,KAA9C;AACA,QAAMI,EAAE,GAAG,mBAAX;AACA,QAAMC,gBAAgB,GAAGD,EAAE,CAAEV,OAAO,IAAIZ,MAAM,CAACwB,UAApB,CAA3B;AACA,QAAMC,OAAO,GAAGH,EAAE,CACjBtB,MAAM,CAAC0B,UAAP,CAAmB;AAAEb,IAAAA,cAAF;AAAkBI,IAAAA,MAAlB;AAA0BG,IAAAA,SAA1B;AAAqCN,IAAAA;AAArC,GAAnB,CADiB,EAEjBE,SAFiB,CAAlB;;AAKA,QAAMW,aAAa,GAAG,MAAM;AAC3B,QAAKd,cAAc,IAAIO,SAAvB,EAAmC;AAClCL,MAAAA,iBAAiB,CAACa,QAAlB,CAA4BC,SAA5B;AACA,KAFD,MAEO;AACNd,MAAAA,iBAAiB,CAACa,QAAlB,CAA4BV,KAA5B;AACA;AACD,GAND;;AAQA,QAAMY,WAAW,GAAG,EACnB,GAAGX,gBADgB;AAEnBH,IAAAA,SAAS,EAAES,OAFQ;AAGnB,kBAAcP,KAHK;AAInBa,IAAAA,GAAG,EAAExB;AAJc,GAApB;AAOA,SACC,4BAAC,SAAD;AAAW,IAAA,SAAS,EAAGgB;AAAvB,KACC,4BAAC,WAAD;AACC,IAAA,WAAW,EAAGrB,WADf;AAEC,IAAA,IAAI,EAAGiB,gBAAgB,CAAE,YAAF;AAFxB,KAIGN,cAAc,GACf,~~iEACMiB~~,WADN;AAEC,oBAAeV,SAFhB;AAGC,IAAA,IAAI,EAAC,QAHN;AAIC,IAAA,OAAO,EAAGO;AAJX,~~MAMC~~,4BAAC,iBAAD,QAAqBvB,QAArB,CAND,CADe,GAUf,4BAAC,aAAD,~~6BACM0B~~,WADN,~~EAGKf~~;AAAkB;AAHvB;AAKC,IAAA,EAAE,EAAC,QALJ;AAMC,IAAA,KAAK,EAAGG;AANT,~~MAQC~~,4BAAC,iBAAD,QAAqBd,QAArB,CARD,CAdF,CADD,CADD;AA8BA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAM4B,qCAAqC,GAAG,6BAC7C3B,4BAD6C,EAE7C,8BAF6C,CAA9C;eAKe2B,qC","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { Radio } from 'reakit';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport type {\n\tToggleGroupControlOptionBaseProps,\n\tWithToolTipProps,\n} from '../types';\nimport { useToggleGroupControlContext } from '../context';\nimport as styles from './styles';\nimport { useCx } from '../../utils/hooks';\nimport Tooltip from '../../tooltip';\n\nconst { ButtonContentView, LabelView } = styles;\n\nconst WithToolTip = ( { showTooltip, text, children }: WithToolTipProps ) => {\n\tif ( showTooltip && text ) {\n\t\treturn (\n\t\t\t<Tooltip text={ text } position=\"top center\">\n\t\t\t\t{ children }\n\t\t\t</Tooltip>\n\t\t);\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction ToggleGroupControlOptionBase(\n\tprops: WordPressComponentProps<\n\t\tToggleGroupControlOptionBaseProps,\n\t\t'button',\n\t\tfalse\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst toggleGroupControlContext = useToggleGroupControlContext();\n\tconst id = useInstanceId(\n\t\tToggleGroupControlOptionBase,\n\t\ttoggleGroupControlContext.baseId \|\| 'toggle-group-control-option-base'\n\t) as string;\n\tconst buttonProps = useContextSystem(\n\t\t{ ...props, id },\n\t\t'ToggleGroupControlOptionBase'\n\t);\n\tconst {\n\t\tisBlock = false,\n\t\tisDeselectable = false,\n\t\tsize = 'default',\n\t\t...otherContextProps /* context props for Ariakit Radio /\n\t} = toggleGroupControlContext;\n\tconst {\n\t\tclassName,\n\t\tisIcon = false,\n\t\tvalue,\n\t\tchildren,\n\t\tshowTooltip = false,\n\t\t...otherButtonProps\n\t} = buttonProps;\n\n\tconst isPressed = otherContextProps.state === value;\n\tconst cx = useCx();\n\tconst labelViewClasses = cx( isBlock && styles.labelBlock );\n\tconst classes = cx(\n\t\tstyles.buttonView( { isDeselectable, isIcon, isPressed, size } ),\n\t\tclassName\n\t);\n\n\tconst buttonOnClick = () => {\n\t\tif ( isDeselectable && isPressed ) {\n\t\t\totherContextProps.setState( undefined );\n\t\t} else {\n\t\t\totherContextProps.setState( value );\n\t\t}\n\t};\n\n\tconst commonProps = {\n\t\t...otherButtonProps,\n\t\tclassName: classes,\n\t\t'data-value': value,\n\t\tref: forwardedRef,\n\t};\n\n\treturn (\n\t\t<LabelView className={ labelViewClasses }>\n\t\t\t<WithToolTip\n\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t\ttext={ otherButtonProps[ 'aria-label' ] }\n\t\t\t>\n\t\t\t\t{ isDeselectable ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\t{ ...commonProps }\n\t\t\t\t\t\taria-pressed={ isPressed }\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ buttonOnClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ButtonContentView>{ children }</ButtonContentView>\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<Radio\n\t\t\t\t\t\t{ ...commonProps }\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t...otherContextProps / these are only for Ariakit Radio /\n\t\t\t\t\t\t}\n\t\t\t\t\t\tas=\"button\"\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ButtonContentView>{ children }</ButtonContentView>\n\t\t\t\t\t</Radio>\n\t\t\t\t) }\n\t\t\t</WithToolTip>\n\t\t</LabelView>\n\t);\n}\n\n/\n `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,\n * generic component for any children of `ToggleGroupControl`.\n \n @example\n * ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOptionBase as ToggleGroupControlOptionBase,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nconst ConnectedToggleGroupControlOptionBase = contextConnect(\n\tToggleGroupControlOptionBase,\n\t'ToggleGroupControlOptionBase'\n);\n\nexport default ConnectedToggleGroupControlOptionBase;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option-base/component.tsx"],"names":["ButtonContentView","LabelView","styles","WithToolTip","showTooltip","text","children","ToggleGroupControlOptionBase","props","forwardedRef","toggleGroupControlContext","id","baseId","buttonProps","isBlock","isDeselectable","size","otherContextProps","className","isIcon","value","otherButtonProps","isPressed","state","cx","labelViewClasses","labelBlock","classes","buttonView","buttonOnClick","setState","undefined","commonProps","ref","ConnectedToggleGroupControlOptionBase"],"mappings":";;;;;;;;;;;AAKA;;AAKA;;AAKA;;AASA;;AACA;;AACA;;AACA;;;;;;AA3BA;AACA;AACA;AAEA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAeA,MAAM;AAAEA,EAAAA,iBAAF;AAAqBC,EAAAA;AAArB,IAAmCC,MAAzC;;AAEA,MAAMC,WAAW,GAAG,CAAE;AAAEC,EAAAA,WAAF;AAAeC,EAAAA,IAAf;AAAqBC,EAAAA;AAArB,CAAF,KAAyD;AAC5E,MAAKF,WAAW,IAAIC,IAApB,EAA2B;AAC1B,WACC,4BAAC,gBAAD;AAAS,MAAA,IAAI,EAAGA,IAAhB;AAAuB,MAAA,QAAQ,EAAC;AAAhC,OACGC,QADH,CADD;AAKA;;AACD,SAAO,qDAAIA,QAAJ,CAAP;AACA,CATD;;AAWA,SAASC,4BAAT,CACCC,KADD,EAMCC,YAND,EAOE;AACD,QAAMC,yBAAyB,GAAG,6CAAlC;AACA,QAAMC,EAAE,GAAG,4BACVJ,4BADU,EAEVG,yBAAyB,CAACE,MAA1B,IAAoC,kCAF1B,CAAX;AAIA,QAAMC,WAAW,GAAG,+BACnB,EAAE,GAAGL,KAAL;AAAYG,IAAAA;AAAZ,GADmB,EAEnB,8BAFmB,CAApB;AAIA,QAAM;AACLG,IAAAA,OAAO,GAAG,KADL;AAELC,IAAAA,cAAc,GAAG,KAFZ;AAGLC,IAAAA,IAAI,GAAG,SAHF;AAIL,OAAGC;AAAkB;;AAJhB,MAKFP,yBALJ;AAMA,QAAM;AACLQ,IAAAA,SADK;AAELC,IAAAA,MAAM,GAAG,KAFJ;AAGLC,IAAAA,KAHK;AAILd,IAAAA,QAJK;AAKLF,IAAAA,WAAW,GAAG,KALT;AAML,OAAGiB;AANE,MAOFR,WAPJ;AASA,QAAMS,SAAS,GAAGL,iBAAiB,CAACM,KAAlB,KAA4BH,KAA9C;AACA,QAAMI,EAAE,GAAG,mBAAX;AACA,QAAMC,gBAAgB,GAAGD,EAAE,CAAEV,OAAO,IAAIZ,MAAM,CAACwB,UAApB,CAA3B;AACA,QAAMC,OAAO,GAAGH,EAAE,CACjBtB,MAAM,CAAC0B,UAAP,CAAmB;AAAEb,IAAAA,cAAF;AAAkBI,IAAAA,MAAlB;AAA0BG,IAAAA,SAA1B;AAAqCN,IAAAA;AAArC,GAAnB,CADiB,EAEjBE,SAFiB,CAAlB;;AAKA,QAAMW,aAAa,GAAG,MAAM;AAC3B,QAAKd,cAAc,IAAIO,SAAvB,EAAmC;AAClCL,MAAAA,iBAAiB,CAACa,QAAlB,CAA4BC,SAA5B;AACA,KAFD,MAEO;AACNd,MAAAA,iBAAiB,CAACa,QAAlB,CAA4BV,KAA5B;AACA;AACD,GAND;;AAQA,QAAMY,WAAW,GAAG,EACnB,GAAGX,gBADgB;AAEnBH,IAAAA,SAAS,EAAES,OAFQ;AAGnB,kBAAcP,KAHK;AAInBa,IAAAA,GAAG,EAAExB;AAJc,GAApB;AAOA,SACC,4BAAC,SAAD;AAAW,IAAA,SAAS,EAAGgB;AAAvB,KACC,4BAAC,WAAD;AACC,IAAA,WAAW,EAAGrB,WADf;AAEC,IAAA,IAAI,EAAGiB,gBAAgB,CAAE,YAAF;AAFxB,KAIGN,cAAc,GACf,2CACMiB,WADN;AAEC,oBAAeV,SAFhB;AAGC,IAAA,IAAI,EAAC,QAHN;AAIC,IAAA,OAAO,EAAGO;AAJX,KAMC,4BAAC,iBAAD,QAAqBvB,QAArB,CAND,CADe,GAUf,4BAAC,aAAD,OACM0B,WADN;AAAA,OAGKf;AAAkB;AAHvB;AAKC,IAAA,EAAE,EAAC,QALJ;AAMC,IAAA,KAAK,EAAGG;AANT,KAQC,4BAAC,iBAAD,QAAqBd,QAArB,CARD,CAdF,CADD,CADD;AA8BA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAM4B,qCAAqC,GAAG,6BAC7C3B,4BAD6C,EAE7C,8BAF6C,CAA9C;eAKe2B,qC","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n// eslint-disable-next-line no-restricted-imports\nimport { Radio } from 'reakit';\n\n/\n WordPress dependencies\n /\nimport { useInstanceId } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport {\n\tcontextConnect,\n\tuseContextSystem,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport type {\n\tToggleGroupControlOptionBaseProps,\n\tWithToolTipProps,\n} from '../types';\nimport { useToggleGroupControlContext } from '../context';\nimport as styles from './styles';\nimport { useCx } from '../../utils/hooks';\nimport Tooltip from '../../tooltip';\n\nconst { ButtonContentView, LabelView } = styles;\n\nconst WithToolTip = ( { showTooltip, text, children }: WithToolTipProps ) => {\n\tif ( showTooltip && text ) {\n\t\treturn (\n\t\t\t<Tooltip text={ text } position=\"top center\">\n\t\t\t\t{ children }\n\t\t\t</Tooltip>\n\t\t);\n\t}\n\treturn <>{ children }</>;\n};\n\nfunction ToggleGroupControlOptionBase(\n\tprops: WordPressComponentProps<\n\t\tToggleGroupControlOptionBaseProps,\n\t\t'button',\n\t\tfalse\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst toggleGroupControlContext = useToggleGroupControlContext();\n\tconst id = useInstanceId(\n\t\tToggleGroupControlOptionBase,\n\t\ttoggleGroupControlContext.baseId \|\| 'toggle-group-control-option-base'\n\t) as string;\n\tconst buttonProps = useContextSystem(\n\t\t{ ...props, id },\n\t\t'ToggleGroupControlOptionBase'\n\t);\n\tconst {\n\t\tisBlock = false,\n\t\tisDeselectable = false,\n\t\tsize = 'default',\n\t\t...otherContextProps /* context props for Ariakit Radio /\n\t} = toggleGroupControlContext;\n\tconst {\n\t\tclassName,\n\t\tisIcon = false,\n\t\tvalue,\n\t\tchildren,\n\t\tshowTooltip = false,\n\t\t...otherButtonProps\n\t} = buttonProps;\n\n\tconst isPressed = otherContextProps.state === value;\n\tconst cx = useCx();\n\tconst labelViewClasses = cx( isBlock && styles.labelBlock );\n\tconst classes = cx(\n\t\tstyles.buttonView( { isDeselectable, isIcon, isPressed, size } ),\n\t\tclassName\n\t);\n\n\tconst buttonOnClick = () => {\n\t\tif ( isDeselectable && isPressed ) {\n\t\t\totherContextProps.setState( undefined );\n\t\t} else {\n\t\t\totherContextProps.setState( value );\n\t\t}\n\t};\n\n\tconst commonProps = {\n\t\t...otherButtonProps,\n\t\tclassName: classes,\n\t\t'data-value': value,\n\t\tref: forwardedRef,\n\t};\n\n\treturn (\n\t\t<LabelView className={ labelViewClasses }>\n\t\t\t<WithToolTip\n\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t\ttext={ otherButtonProps[ 'aria-label' ] }\n\t\t\t>\n\t\t\t\t{ isDeselectable ? (\n\t\t\t\t\t<button\n\t\t\t\t\t\t{ ...commonProps }\n\t\t\t\t\t\taria-pressed={ isPressed }\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={ buttonOnClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ButtonContentView>{ children }</ButtonContentView>\n\t\t\t\t\t</button>\n\t\t\t\t) : (\n\t\t\t\t\t<Radio\n\t\t\t\t\t\t{ ...commonProps }\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t...otherContextProps / these are only for Ariakit Radio /\n\t\t\t\t\t\t}\n\t\t\t\t\t\tas=\"button\"\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ButtonContentView>{ children }</ButtonContentView>\n\t\t\t\t\t</Radio>\n\t\t\t\t) }\n\t\t\t</WithToolTip>\n\t\t</LabelView>\n\t);\n}\n\n/\n `ToggleGroupControlOptionBase` is a form component and is meant to be used as an internal,\n * generic component for any children of `ToggleGroupControl`.\n \n @example\n * ```jsx\n * import {\n * __experimentalToggleGroupControl as ToggleGroupControl,\n * __experimentalToggleGroupControlOptionBase as ToggleGroupControlOptionBase,\n * } from '@wordpress/components';\n \n function Example() {\n * return (\n * <ToggleGroupControl label=\"my label\" value=\"vertical\" isBlock>\n * <ToggleGroupControlOption value=\"horizontal\" label=\"Horizontal\" />\n * <ToggleGroupControlOption value=\"vertical\" label=\"Vertical\" />\n * </ToggleGroupControl>\n * );\n * }\n * ```\n */\nconst ConnectedToggleGroupControlOptionBase = contextConnect(\n\tToggleGroupControlOptionBase,\n\t'ToggleGroupControlOptionBase'\n);\n\nexport default ConnectedToggleGroupControlOptionBase;\n"]}

package/build/toggle-group-control/toggle-group-control-option-icon/component.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = exports.ToggleGroupControlOptionIcon = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toggleGroupControlOptionBase = require("../toggle-group-control-option-base");
 var _icon = _interopRequireDefault(require("../../icon"));
@@ -28,12 +26,12 @@ function UnforwardedToggleGroupControlOptionIcon(props, ref) {
     label,
     ...restProps
   } = props;
-  return (0, _element.createElement)(_toggleGroupControlOptionBase.ToggleGroupControlOptionBase, (0, _extends2.default)({}, restProps, {
+  return (0, _element.createElement)(_toggleGroupControlOptionBase.ToggleGroupControlOptionBase, { ...restProps,
     isIcon: true,
     "aria-label": label,
     showTooltip: true,
     ref: ref
-  }), (0, _element.createElement)(_icon.default, {
+  }, (0, _element.createElement)(_icon.default, {
     icon: icon
   }));
 }

package/build/toggle-group-control/toggle-group-control-option-icon/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx"],"names":["UnforwardedToggleGroupControlOptionIcon","props","ref","icon","label","restProps","ToggleGroupControlOptionIcon"],"mappings":";;;;;;;;;AAQA~~;;;;~~AAOA;;AACA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;AAWA,SAASA,uCAAT,CACCC,KADD,EAMCC,GAND,EAOE;AACD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAe,OAAGC;AAAlB,MAAgCJ,KAAtC;AACA,SACC,4BAAC,0DAAD,~~6BACMI~~,SADN;AAEC,IAAA,MAAM,MAFP;AAGC,kBAAaD,KAHd;AAIC,IAAA,WAAW,MAJZ;AAKC,IAAA,GAAG,EAAGF;AALP,~~MAOC~~,4BAAC,aAAD;AAAM,IAAA,IAAI,EAAGC;AAAb,IAPD,CADD;AAWA;AAED;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;;;AACO,MAAMG,4BAA4B,GAAG,yBAC3CN,uCAD2C,CAArC;;eAIQM,4B","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlOptionIconProps } from '../types';\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\nimport Icon from '../../icon';\n\nfunction UnforwardedToggleGroupControlOptionIcon(\n\tprops: WordPressComponentProps<\n\t\tToggleGroupControlOptionIconProps,\n\t\t'button',\n\t\tfalse\n\t>,\n\tref: ForwardedRef< any >\n) {\n\tconst { icon, label, ...restProps } = props;\n\treturn (\n\t\t<ToggleGroupControlOptionBase\n\t\t\t{ ...restProps }\n\t\t\tisIcon\n\t\t\taria-label={ label }\n\t\t\tshowTooltip\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Icon icon={ icon } />\n\t\t</ToggleGroupControlOptionBase>\n\t);\n}\n\n/\n `ToggleGroupControlOptionIcon` is a form component which is meant to be used as a\n * child of `ToggleGroupControl` and displays an icon.\n \n ```jsx\n \n import {\n \t__experimentalToggleGroupControl as ToggleGroupControl,\n \t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n * from '@wordpress/components';\n * import { formatLowercase, formatUppercase } from '@wordpress/icons';\n \n function Example() {\n \treturn (\n \t\t<ToggleGroupControl>\n \t\t\t<ToggleGroupControlOptionIcon\n \t\t\t\tvalue=\"uppercase\"\n \t\t\t\tlabel=\"Uppercase\"\n \t\t\t\ticon={ formatUppercase }\n \t\t\t/>\n \t\t\t<ToggleGroupControlOptionIcon\n \t\t\t\tvalue=\"lowercase\"\n \t\t\t\tlabel=\"Lowercase\"\n \t\t\t\ticon={ formatLowercase }\n \t\t\t/>\n \t\t</ToggleGroupControl>\n \t);\n * }\n * ```\n */\nexport const ToggleGroupControlOptionIcon = forwardRef(\n\tUnforwardedToggleGroupControlOptionIcon\n);\n\nexport default ToggleGroupControlOptionIcon;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toggle-group-control/toggle-group-control-option-icon/component.tsx"],"names":["UnforwardedToggleGroupControlOptionIcon","props","ref","icon","label","restProps","ToggleGroupControlOptionIcon"],"mappings":";;;;;;;;;AAQA;;AAOA;;AACA;;AAhBA;AACA;AACA;;AAGA;AACA;AACA;AAWA,SAASA,uCAAT,CACCC,KADD,EAMCC,GAND,EAOE;AACD,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAe,OAAGC;AAAlB,MAAgCJ,KAAtC;AACA,SACC,4BAAC,0DAAD,OACMI,SADN;AAEC,IAAA,MAAM,MAFP;AAGC,kBAAaD,KAHd;AAIC,IAAA,WAAW,MAJZ;AAKC,IAAA,GAAG,EAAGF;AALP,KAOC,4BAAC,aAAD;AAAM,IAAA,IAAI,EAAGC;AAAb,IAPD,CADD;AAWA;AAED;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;;;AACO,MAAMG,4BAA4B,GAAG,yBAC3CN,uCAD2C,CAArC;;eAIQM,4B","sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport type { WordPressComponentProps } from '../../ui/context';\nimport type { ToggleGroupControlOptionIconProps } from '../types';\nimport { ToggleGroupControlOptionBase } from '../toggle-group-control-option-base';\nimport Icon from '../../icon';\n\nfunction UnforwardedToggleGroupControlOptionIcon(\n\tprops: WordPressComponentProps<\n\t\tToggleGroupControlOptionIconProps,\n\t\t'button',\n\t\tfalse\n\t>,\n\tref: ForwardedRef< any >\n) {\n\tconst { icon, label, ...restProps } = props;\n\treturn (\n\t\t<ToggleGroupControlOptionBase\n\t\t\t{ ...restProps }\n\t\t\tisIcon\n\t\t\taria-label={ label }\n\t\t\tshowTooltip\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Icon icon={ icon } />\n\t\t</ToggleGroupControlOptionBase>\n\t);\n}\n\n/\n `ToggleGroupControlOptionIcon` is a form component which is meant to be used as a\n * child of `ToggleGroupControl` and displays an icon.\n \n ```jsx\n \n import {\n \t__experimentalToggleGroupControl as ToggleGroupControl,\n \t__experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon,\n * from '@wordpress/components';\n * import { formatLowercase, formatUppercase } from '@wordpress/icons';\n \n function Example() {\n \treturn (\n \t\t<ToggleGroupControl>\n \t\t\t<ToggleGroupControlOptionIcon\n \t\t\t\tvalue=\"uppercase\"\n \t\t\t\tlabel=\"Uppercase\"\n \t\t\t\ticon={ formatUppercase }\n \t\t\t/>\n \t\t\t<ToggleGroupControlOptionIcon\n \t\t\t\tvalue=\"lowercase\"\n \t\t\t\tlabel=\"Lowercase\"\n \t\t\t\ticon={ formatLowercase }\n \t\t\t/>\n \t\t</ToggleGroupControl>\n \t);\n * }\n * ```\n */\nexport const ToggleGroupControlOptionIcon = forwardRef(\n\tUnforwardedToggleGroupControlOptionIcon\n);\n\nexport default ToggleGroupControlOptionIcon;\n"]}

package/build/toolbar/toolbar/index.js CHANGED Viewed

@@ -9,8 +9,6 @@ exports.default = exports.Toolbar = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
@@ -32,14 +30,11 @@ var _context = require("../../ui/context");
 /**
  * Internal dependencies
  */
-// TODO:
-// - (optional) make the legacy `DropdownMenu` read the context variable
-// - swap the legacy `DropdownMenu` with the new version of the component
-//   once it's stable
 const CONTEXT_SYSTEM_VALUE = {
   DropdownMenu: {
-    // Note: the legacy `DropdownMenu` component is not yet reactive to this
-    // context variant. See https://github.com/WordPress/gutenberg/pull/51097.
+    variant: 'toolbar'
+  },
+  Dropdown: {
     variant: 'toolbar'
   }
 };
@@ -55,20 +50,21 @@ function UnforwardedToolbar({
       alternative: 'ToolbarGroup component',
       link: 'https://developer.wordpress.org/block-editor/components/toolbar/'
     });
-    return (0, _element.createElement)(_toolbarGroup.default, (0, _extends2.default)({}, props, {
+    return (0, _element.createElement)(_toolbarGroup.default, { ...props,
       className: className
-    }));
+    });
   } // `ToolbarGroup` already uses components-toolbar for compatibility reasons.
   const finalClassName = (0, _classnames.default)('components-accessible-toolbar', className);
   return (0, _element.createElement)(_context.ContextSystemProvider, {
     value: CONTEXT_SYSTEM_VALUE
-  }, (0, _element.createElement)(_toolbarContainer.default, (0, _extends2.default)({
+  }, (0, _element.createElement)(_toolbarContainer.default, {
     className: finalClassName,
     label: label,
-    ref: ref
-  }, props)));
+    ref: ref,
+    ...props
+  }));
 }
 /**
  * Renders a toolbar.

package/build/toolbar/toolbar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar/index.tsx"],"names":["CONTEXT_SYSTEM_VALUE","DropdownMenu","variant","UnforwardedToolbar","className","label","props","ref","since","alternative","link","finalClassName","Toolbar"],"mappings":";;;;;;;;;AASA~~;;;;~~AANA;;AAOA;;AAKA;;AACA;;AAEA;;AAlBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AASA~~;AACA;AACA;AACA;AACA~~,MAAMA,oBAAoB,GAAG;AAC5BC,EAAAA,YAAY,EAAE;~~AACb~~;~~AACA~~;~~AACAC~~,IAAAA,OAAO,EAAE;~~AAHI~~;~~AADc~~,CAA7B;;~~AAQA~~,~~SAASC~~,kBAAT,CACC;AACCC,EAAAA,SADD;AAECC,EAAAA,KAFD;AAGC,KAAGC;AAHJ,CADD,EAMCC,GAND,EAOE;AACD,MAAK,CAAEF,KAAP,EAAe;AACd,6BAAY,kCAAZ,EAAgD;AAC/CG,MAAAA,KAAK,EAAE,KADwC;AAE/CC,MAAAA,WAAW,EAAE,wBAFkC;AAG/CC,MAAAA,IAAI,EAAE;AAHyC,KAAhD;AAKA,WAAO,4BAAC,qBAAD,~~6BAAmBJ~~,KAAnB;AAA2B,MAAA,SAAS,EAAGF;AAAvC,~~OAAP~~;AACA,GARA,CASD;;;AACA,QAAMO,cAAc,GAAG,yBACtB,+BADsB,EAEtBP,SAFsB,CAAvB;AAIA,SACC,4BAAC,8BAAD;AAAuB,IAAA,KAAK,~~EAAGJ~~;AAA/B,KACC,4BAAC,yBAAD;AACC,IAAA,SAAS,~~EAAGW~~,cADb;AAEC,IAAA,KAAK,EAAGN,KAFT;AAGC,IAAA,GAAG,EAAGE;~~AAHP~~,~~KAIMD~~,~~KAJN~~,~~EADD,~~CADD;AAUA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMM,OAAO,GAAG,yBAAYT,kBAAZ,CAAhB;;eACQS,O","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n /\nimport ToolbarGroup from '../toolbar-group';\nimport ToolbarContainer from './toolbar-container';\nimport type { ToolbarProps } from './types';\nimport {\n\tWordPressComponentProps,\n\tContextSystemProvider,\n} from '../../ui/context';\n\~~n// TODO:\n// - (optional) make the legacy `DropdownMenu` read the context variable\n// - swap the legacy `DropdownMenu` with the new version of the component\n// once it's stable\~~nconst CONTEXT_SYSTEM_VALUE = {\n\tDropdownMenu: {\n\t\~~t// Note~~: ~~the legacy `DropdownMenu` component is not yet reactive to this\~~n\t\~~t//~~ ~~context variant. See https://github.com/WordPress/gutenberg/pull/51097.\~~n\t\tvariant: 'toolbar',\n\t},\n};\n\nfunction UnforwardedToolbar(\n\t{\n\t\tclassName,\n\t\tlabel,\n\t\t...props\n\t}: WordPressComponentProps< ToolbarProps, 'div', false >,\n\tref: ForwardedRef< any >\n) {\n\tif ( ! label ) {\n\t\tdeprecated( 'Using Toolbar without label prop', {\n\t\t\tsince: '5.6',\n\t\t\talternative: 'ToolbarGroup component',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/components/toolbar/',\n\t\t} );\n\t\treturn <ToolbarGroup { ...props } className={ className } />;\n\t}\n\t// `ToolbarGroup` already uses components-toolbar for compatibility reasons.\n\tconst finalClassName = classnames(\n\t\t'components-accessible-toolbar',\n\t\tclassName\n\t);\n\treturn (\n\t\t<ContextSystemProvider value={ CONTEXT_SYSTEM_VALUE }>\n\t\t\t<ToolbarContainer\n\t\t\t\tclassName={ finalClassName }\n\t\t\t\tlabel={ label }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</ContextSystemProvider>\n\t);\n}\n\n/\n Renders a toolbar.\n \n To add controls, simply pass `ToolbarButton` components as children.\n \n ```jsx\n * import { Toolbar, ToolbarButton } from '@wordpress/components';\n * import { formatBold, formatItalic, link } from '@wordpress/icons';\n \n function MyToolbar() {\n * return (\n * <Toolbar label=\"Options\">\n * <ToolbarButton icon={ formatBold } label=\"Bold\" />\n * <ToolbarButton icon={ formatItalic } label=\"Italic\" />\n * <ToolbarButton icon={ link } label=\"Link\" />\n * </Toolbar>\n * );\n * }\n * ```\n */\nexport const Toolbar = forwardRef( UnforwardedToolbar );\nexport default Toolbar;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar/index.tsx"],"names":["CONTEXT_SYSTEM_VALUE","DropdownMenu","variant","Dropdown","UnforwardedToolbar","className","label","props","ref","since","alternative","link","finalClassName","Toolbar"],"mappings":";;;;;;;;;AASA;;AANA;;AAOA;;AAKA;;AACA;;AAEA;;AAlBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AASA,MAAMA,oBAAoB,GAAG;AAC5BC,EAAAA,YAAY,EAAE;AACbC,IAAAA,OAAO,EAAE;AADI,GADc;AAI5BC,EAAAA,QAAQ,EAAE;AACTD,IAAAA,OAAO,EAAE;AADA;AAJkB,CAA7B;;AASA,SAASE,kBAAT,CACC;AACCC,EAAAA,SADD;AAECC,EAAAA,KAFD;AAGC,KAAGC;AAHJ,CADD,EAMCC,GAND,EAOE;AACD,MAAK,CAAEF,KAAP,EAAe;AACd,6BAAY,kCAAZ,EAAgD;AAC/CG,MAAAA,KAAK,EAAE,KADwC;AAE/CC,MAAAA,WAAW,EAAE,wBAFkC;AAG/CC,MAAAA,IAAI,EAAE;AAHyC,KAAhD;AAKA,WAAO,4BAAC,qBAAD,OAAmBJ,KAAnB;AAA2B,MAAA,SAAS,EAAGF;AAAvC,MAAP;AACA,GARA,CASD;;;AACA,QAAMO,cAAc,GAAG,yBACtB,+BADsB,EAEtBP,SAFsB,CAAvB;AAIA,SACC,4BAAC,8BAAD;AAAuB,IAAA,KAAK,EAAGL;AAA/B,KACC,4BAAC,yBAAD;AACC,IAAA,SAAS,EAAGY,cADb;AAEC,IAAA,KAAK,EAAGN,KAFT;AAGC,IAAA,GAAG,EAAGE,GAHP;AAAA,OAIMD;AAJN,IADD,CADD;AAUA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMM,OAAO,GAAG,yBAAYT,kBAAZ,CAAhB;;eACQS,O","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/\n Internal dependencies\n /\nimport ToolbarGroup from '../toolbar-group';\nimport ToolbarContainer from './toolbar-container';\nimport type { ToolbarProps } from './types';\nimport {\n\tWordPressComponentProps,\n\tContextSystemProvider,\n} from '../../ui/context';\n\nconst CONTEXT_SYSTEM_VALUE = {\n\tDropdownMenu: {\n\t\tvariant: 'toolbar',\n\t},\n\tDropdown: {\n\t\tvariant: 'toolbar',\n\t},\n};\n\nfunction UnforwardedToolbar(\n\t{\n\t\tclassName,\n\t\tlabel,\n\t\t...props\n\t}: WordPressComponentProps< ToolbarProps, 'div', false >,\n\tref: ForwardedRef< any >\n) {\n\tif ( ! label ) {\n\t\tdeprecated( 'Using Toolbar without label prop', {\n\t\t\tsince: '5.6',\n\t\t\talternative: 'ToolbarGroup component',\n\t\t\tlink: 'https://developer.wordpress.org/block-editor/components/toolbar/',\n\t\t} );\n\t\treturn <ToolbarGroup { ...props } className={ className } />;\n\t}\n\t// `ToolbarGroup` already uses components-toolbar for compatibility reasons.\n\tconst finalClassName = classnames(\n\t\t'components-accessible-toolbar',\n\t\tclassName\n\t);\n\treturn (\n\t\t<ContextSystemProvider value={ CONTEXT_SYSTEM_VALUE }>\n\t\t\t<ToolbarContainer\n\t\t\t\tclassName={ finalClassName }\n\t\t\t\tlabel={ label }\n\t\t\t\tref={ ref }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</ContextSystemProvider>\n\t);\n}\n\n/\n Renders a toolbar.\n \n To add controls, simply pass `ToolbarButton` components as children.\n \n ```jsx\n * import { Toolbar, ToolbarButton } from '@wordpress/components';\n * import { formatBold, formatItalic, link } from '@wordpress/icons';\n \n function MyToolbar() {\n * return (\n * <Toolbar label=\"Options\">\n * <ToolbarButton icon={ formatBold } label=\"Bold\" />\n * <ToolbarButton icon={ formatItalic } label=\"Italic\" />\n * <ToolbarButton icon={ link } label=\"Link\" />\n * </Toolbar>\n * );\n * }\n * ```\n */\nexport const Toolbar = forwardRef( UnforwardedToolbar );\nexport default Toolbar;\n"]}

package/build/toolbar/toolbar/toolbar-container.js CHANGED Viewed

@@ -9,9 +9,7 @@ exports.default = exports.ToolbarContainer = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _Toolbar = require("reakit/Toolbar");
+var _toolbar = require("@ariakit/react/toolbar");
 var _i18n = require("@wordpress/i18n");
@@ -32,21 +30,19 @@ function UnforwardedToolbarContainer({
   label,
   ...props
 }, ref) {
-  // https://reakit.io/docs/basic-concepts/#state-hooks
-  // Passing baseId for server side rendering (which includes snapshots)
-  // If an id prop is passed to Toolbar, toolbar items will use it as a base for their ids
-  const toolbarState = (0, _Toolbar.useToolbarState)({
-    loop: true,
-    baseId: props.id,
+  const toolbarStore = (0, _toolbar.useToolbarStore)({
+    focusLoop: true,
     rtl: (0, _i18n.isRTL)()
   });
   return (// This will provide state for `ToolbarButton`'s
     (0, _element.createElement)(_toolbarContext.default.Provider, {
-      value: toolbarState
-    }, (0, _element.createElement)(_Toolbar.Toolbar, (0, _extends2.default)({
+      value: toolbarStore
+    }, (0, _element.createElement)(_toolbar.Toolbar, {
       ref: ref,
-      "aria-label": label
-    }, toolbarState, props)))
+      "aria-label": label,
+      store: toolbarStore,
+      ...props
+    }))
   );
 }

package/build/toolbar/toolbar/toolbar-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar/toolbar-container.tsx"],"names":["UnforwardedToolbarContainer","label","props","ref","~~toolbarState~~","~~loop~~","~~baseId","id","~~rtl","ToolbarContainer"],"mappings":";;;;;;;;;AASA~~;;;;~~AANA;;AAOA;;AAKA;;AAfA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AAKA,SAASA,2BAAT,CACC;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CADD,EAECC,GAFD,EAGE;AACD~~;AACA;AACA;AACA~~,QAAMC,YAAY,GAAG,8BAAiB;AACrCC,IAAAA,~~IAAI~~,EAAE,~~IAD+B~~;AAErCC,IAAAA,~~MAAM,EAAEJ,KAAK,CAACK,EAFuB;AAGrCC,IAAAA,~~GAAG,EAAE;~~AAHgC~~,GAAjB,CAArB;~~AAMA~~,SACC;AACA,gCAAC,uBAAD,CAAgB,QAAhB;AAAyB,MAAA,KAAK,~~EAAGJ~~;AAAjC,OACC,4BAAC,gBAAD;AACC,MAAA,GAAG,EAAGD,GADP;AAEC,oBAAaF;~~AAFd~~,~~OAGMG~~,~~YAHN~~,~~EAIMF~~,~~KAJN~~,~~EADD~~;AAFD;AAWA;;AAEM,~~MAAMO~~,gBAAgB,GAAG,~~yBAAYT~~,2BAAZ,CAAzB;;~~eACQS~~,gB","sourcesContent":["/*\n External dependencies\n /\nimport { ~~useToolbarState~~, Toolbar } from '~~reakit~~/~~Toolbar~~';\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\nimport type { ToolbarProps } from './types';\nimport type { WordPressComponentProps } from '../../ui/context';\n\nfunction UnforwardedToolbarContainer(\n\t{ label, ...props }: WordPressComponentProps< ToolbarProps, 'div', false >,\n\tref: ForwardedRef< any >\n) {\n\t// https://reakit.io/docs/basic-concepts/#state-hooks\n\t// Passing baseId for server side rendering (which includes snapshots)\n\t// If an id prop is passed to Toolbar, toolbar items will use it as a base for their ids\n\tconst ~~toolbarState~~ = ~~useToolbarState~~( {\n\t\~~tloop~~: true,\n\t\~~tbaseId: props.id,\n\t\~~trtl: isRTL(),\n\t} );\n\n\treturn (\n\t\t// This will provide state for `ToolbarButton`'s\n\t\t<ToolbarContext.Provider value={ ~~toolbarState~~ }>\n\t\t\t<Toolbar\n\t\t\t\tref={ ref }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ~~...toolbarState~~ }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</ToolbarContext.Provider>\n\t);\n}\n\nexport const ToolbarContainer = forwardRef( UnforwardedToolbarContainer );\nexport default ToolbarContainer;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar/toolbar-container.tsx"],"names":["UnforwardedToolbarContainer","label","props","ref","toolbarStore","focusLoop","rtl","ToolbarContainer"],"mappings":";;;;;;;;;AASA;;AANA;;AAOA;;AAKA;;AAfA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AAKA,SAASA,2BAAT,CACC;AAAEC,EAAAA,KAAF;AAAS,KAAGC;AAAZ,CADD,EAECC,GAFD,EAGE;AACD,QAAMC,YAAY,GAAG,8BAAiB;AACrCC,IAAAA,SAAS,EAAE,IAD0B;AAErCC,IAAAA,GAAG,EAAE;AAFgC,GAAjB,CAArB;AAKA,SACC;AACA,gCAAC,uBAAD,CAAgB,QAAhB;AAAyB,MAAA,KAAK,EAAGF;AAAjC,OACC,4BAAC,gBAAD;AACC,MAAA,GAAG,EAAGD,GADP;AAEC,oBAAaF,KAFd;AAGC,MAAA,KAAK,EAAGG,YAHT;AAAA,SAIMF;AAJN,MADD;AAFD;AAWA;;AAEM,MAAMK,gBAAgB,GAAG,yBAAYP,2BAAZ,CAAzB;;eACQO,gB","sourcesContent":["/*\n External dependencies\n /\nimport { useToolbarStore, Toolbar } from '@ariakit/react/toolbar';\nimport type { ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ToolbarContext from '../toolbar-context';\nimport type { ToolbarProps } from './types';\nimport type { WordPressComponentProps } from '../../ui/context';\n\nfunction UnforwardedToolbarContainer(\n\t{ label, ...props }: WordPressComponentProps< ToolbarProps, 'div', false >,\n\tref: ForwardedRef< any >\n) {\n\tconst toolbarStore = useToolbarStore( {\n\t\tfocusLoop: true,\n\t\trtl: isRTL(),\n\t} );\n\n\treturn (\n\t\t// This will provide state for `ToolbarButton`'s\n\t\t<ToolbarContext.Provider value={ toolbarStore }>\n\t\t\t<Toolbar\n\t\t\t\tref={ ref }\n\t\t\t\taria-label={ label }\n\t\t\t\tstore={ toolbarStore }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</ToolbarContext.Provider>\n\t);\n}\n\nexport const ToolbarContainer = forwardRef( UnforwardedToolbarContainer );\nexport default ToolbarContainer;\n"]}

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

@@ -9,8 +9,6 @@ exports.default = exports.ToolbarButton = void 0;
 var _element = require("@wordpress/element");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _button = _interopRequireDefault(require("../../button"));
@@ -47,7 +45,7 @@ function UnforwardedToolbarButton({
   if (!accessibleToolbarState) {
     return (0, _element.createElement)(_toolbarButtonContainer.default, {
       className: containerClassName
-    }, (0, _element.createElement)(_button.default, (0, _extends2.default)({
+    }, (0, _element.createElement)(_button.default, {
       ref: ref,
       icon: props.icon,
       label: title,
@@ -63,22 +61,26 @@ function UnforwardedToolbarButton({
       className: (0, _classnames.default)('components-toolbar__control', className),
       isPressed: isActive,
       disabled: isDisabled,
-      "data-toolbar-item": true
-    }, extraProps, props), children));
+      "data-toolbar-item": true,
+      ...extraProps,
+      ...props
+    }, 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, _element.createElement)(_toolbarItem.default, (0, _extends2.default)({
-    className: (0, _classnames.default)('components-toolbar-button', className)
-  }, extraProps, props, {
+  return (0, _element.createElement)(_toolbarItem.default, {
+    className: (0, _classnames.default)('components-toolbar-button', className),
+    ...extraProps,
+    ...props,
     ref: ref
-  }), toolbarItemProps => (0, _element.createElement)(_button.default, (0, _extends2.default)({
+  }, toolbarItemProps => (0, _element.createElement)(_button.default, {
     label: title,
     isPressed: isActive,
-    disabled: isDisabled
-  }, toolbarItemProps), children));
+    disabled: isDisabled,
+    ...toolbarItemProps
+  }, children));
 }
 /**
  * ToolbarButton can be used to add actions to a toolbar, usually inside a Toolbar

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-button/index.tsx"],"names":["UnforwardedToolbarButton","children","className","containerClassName","extraProps","isActive","isDisabled","title","props","ref","accessibleToolbarState","ToolbarContext","icon","shortcut","subscript","event","stopPropagation","onClick","toolbarItemProps","ToolbarButton"],"mappings":";;;;;;;;;AASA~~;;;;~~AANA;;AAWA;;AACA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AASA,SAASA,wBAAT,CACC;AACCC,EAAAA,QADD;AAECC,EAAAA,SAFD;AAGCC,EAAAA,kBAHD;AAICC,EAAAA,UAJD;AAKCC,EAAAA,QALD;AAMCC,EAAAA,UAND;AAOCC,EAAAA,KAPD;AAQC,KAAGC;AARJ,CADD,EAWCC,GAXD,EAYE;AACD,QAAMC,sBAAsB,GAAG,yBAAYC,uBAAZ,CAA/B;;AAEA,MAAK,CAAED,sBAAP,EAAgC;AAC/B,WACC,4BAAC,+BAAD;AAAwB,MAAA,SAAS,EAAGP;AAApC,OACC,4BAAC,eAAD;AACC,MAAA,GAAG,EAAGM,GADP;AAEC,MAAA,IAAI,EAAGD,KAAK,CAACI,IAFd;AAGC,MAAA,KAAK,EAAGL,KAHT;AAIC,MAAA,QAAQ,EAAGC,KAAK,CAACK,QAJlB;AAKC,wBAAiBL,KAAK,CAACM,SALxB;AAMC,MAAA,OAAO,EACNC,KADS,IAKL;AACJA,QAAAA,KAAK,CAACC,eAAN,GADI,CAEJ;;AACA,YAAKR,KAAK,CAACS,OAAX,EAAqB;AACpBT,UAAAA,KAAK,CAACS,OAAN,CAAeF,KAAf;AACA;AACD,OAjBF;AAkBC,MAAA,SAAS,EAAG,yBACX,6BADW,EAEXb,SAFW,CAlBb;AAsBC,MAAA,SAAS,EAAGG,QAtBb;AAuBC,MAAA,QAAQ,EAAGC,UAvBZ;AAwBC;~~AAxBD~~,~~OAyBMF~~,UAzBN,~~EA0BMI~~,~~KA1BN~~,~~GA4BGP,~~QA5BH,CADD,CADD;AAkCA,GAtCA,CAwCD;AACA;AACA;;;AACA,SACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAG,yBAAY,2BAAZ,EAAyCC,SAAzC;~~AADb~~,~~KAEME~~,UAFN,~~EAGMI~~,KAHN;AAIC,IAAA,GAAG,EAAGC;AAJP,~~MAMKS~~,gBAAF,IACD,4BAAC,eAAD;AACC,IAAA,KAAK,EAAGX,KADT;AAEC,IAAA,SAAS,EAAGF,QAFb;AAGC,IAAA,QAAQ,EAAGC;~~AAHZ~~,~~KAIMY~~,~~gBAJN~~,~~GAMGjB,~~QANH,CAPF,CADD;AAmBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMkB,aAAa,GAAG,yBAAYnB,wBAAZ,CAAtB;;eACQmB,a","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ForwardedRef } 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 '../../ui/context';\nimport type React from 'react';\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: React.MouseEvent<\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={ classnames(\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={ classnames( '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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-button/index.tsx"],"names":["UnforwardedToolbarButton","children","className","containerClassName","extraProps","isActive","isDisabled","title","props","ref","accessibleToolbarState","ToolbarContext","icon","shortcut","subscript","event","stopPropagation","onClick","toolbarItemProps","ToolbarButton"],"mappings":";;;;;;;;;AASA;;AANA;;AAWA;;AACA;;AACA;;AACA;;AAjBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AASA,SAASA,wBAAT,CACC;AACCC,EAAAA,QADD;AAECC,EAAAA,SAFD;AAGCC,EAAAA,kBAHD;AAICC,EAAAA,UAJD;AAKCC,EAAAA,QALD;AAMCC,EAAAA,UAND;AAOCC,EAAAA,KAPD;AAQC,KAAGC;AARJ,CADD,EAWCC,GAXD,EAYE;AACD,QAAMC,sBAAsB,GAAG,yBAAYC,uBAAZ,CAA/B;;AAEA,MAAK,CAAED,sBAAP,EAAgC;AAC/B,WACC,4BAAC,+BAAD;AAAwB,MAAA,SAAS,EAAGP;AAApC,OACC,4BAAC,eAAD;AACC,MAAA,GAAG,EAAGM,GADP;AAEC,MAAA,IAAI,EAAGD,KAAK,CAACI,IAFd;AAGC,MAAA,KAAK,EAAGL,KAHT;AAIC,MAAA,QAAQ,EAAGC,KAAK,CAACK,QAJlB;AAKC,wBAAiBL,KAAK,CAACM,SALxB;AAMC,MAAA,OAAO,EACNC,KADS,IAKL;AACJA,QAAAA,KAAK,CAACC,eAAN,GADI,CAEJ;;AACA,YAAKR,KAAK,CAACS,OAAX,EAAqB;AACpBT,UAAAA,KAAK,CAACS,OAAN,CAAeF,KAAf;AACA;AACD,OAjBF;AAkBC,MAAA,SAAS,EAAG,yBACX,6BADW,EAEXb,SAFW,CAlBb;AAsBC,MAAA,SAAS,EAAGG,QAtBb;AAuBC,MAAA,QAAQ,EAAGC,UAvBZ;AAwBC,+BAxBD;AAAA,SAyBMF,UAzBN;AAAA,SA0BMI;AA1BN,OA4BGP,QA5BH,CADD,CADD;AAkCA,GAtCA,CAwCD;AACA;AACA;;;AACA,SACC,4BAAC,oBAAD;AACC,IAAA,SAAS,EAAG,yBAAY,2BAAZ,EAAyCC,SAAzC,CADb;AAAA,OAEME,UAFN;AAAA,OAGMI,KAHN;AAIC,IAAA,GAAG,EAAGC;AAJP,KAMKS,gBAAF,IACD,4BAAC,eAAD;AACC,IAAA,KAAK,EAAGX,KADT;AAEC,IAAA,SAAS,EAAGF,QAFb;AAGC,IAAA,QAAQ,EAAGC,UAHZ;AAAA,OAIMY;AAJN,KAMGjB,QANH,CAPF,CADD;AAmBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,MAAMkB,aAAa,GAAG,yBAAYnB,wBAAZ,CAAtB;;eACQmB,a","sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\nimport type { ForwardedRef } 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 '../../ui/context';\nimport type React from 'react';\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: React.MouseEvent<\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={ classnames(\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={ classnames( '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"]}

package/build/toolbar/toolbar-context/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-context/index.ts"],"names":["ToolbarContext","undefined"],"mappings":";;;;;;;AAQA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,cAAc,GAAG,~~4BACtBC~~,~~SADsB~~,CAAvB;~~eAIeD~~,c","sourcesContent":["/*\n External dependencies\n /\nimport type { ~~ToolbarStateReturn~~ } from '~~reakit~~/~~Toolbar~~';\n\n/\n WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst ToolbarContext = createContext< ~~ToolbarStateReturn~~ \| undefined >(~~\n\tundefined\n~~);\n\nexport default ToolbarContext;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/toolbar/toolbar-context/index.ts"],"names":["ToolbarContext","undefined"],"mappings":";;;;;;;AAQA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGA,MAAMA,cAAc,GAAG,4BAA2CC,SAA3C,CAAvB;eAEeD,c","sourcesContent":["/*\n External dependencies\n /\nimport type { ToolbarStore } from '@ariakit/react/toolbar';\n\n/\n WordPress dependencies\n */\nimport { createContext } from '@wordpress/element';\n\nconst ToolbarContext = createContext< ToolbarStore \| undefined >( undefined );\n\nexport default ToolbarContext;\n"]}