@wordpress/block-editor 12.2.0 → 12.3.1

package/build-module/components/inspector-popover-header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"names":["__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalSpacer","Spacer","Button","__experimentalText","Text","closeSmall","__","InspectorPopoverHeader","title","help","actions","onClose","map","label","icon","onClick"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MADzB,EAECC,oBAAoB,IAAIC,MAFzB,EAGCC,qBAAqB,IAAIC,OAH1B,EAICC,oBAAoB,IAAIC,MAJzB,EAKCC,MALD,EAMCC,kBAAkB,IAAIC,IANvB,QAOO,uBAPP;AAQA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,eAAe,SAASC,sBAAT,OAKX;AAAA,MAL4C;AAC/CC,IAAAA,KAD+C;AAE/CC,IAAAA,IAF+C;AAG/CC,IAAAA,OAAO,GAAG,EAHqC;AAI/CC,IAAAA;AAJ+C,GAK5C;AACH,SACC,cAAC,MAAD;AAAQ,IAAA,SAAS,EAAC,uCAAlB;AAA0D,IAAA,OAAO,EAAG;AAApE,KACC,cAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACC,cAAC,OAAD;AACC,IAAA,SAAS,EAAC,gDADX;AAEC,IAAA,KAAK,EAAG,CAFT;AAGC,IAAA,IAAI,EAAG;AAHR,KAKGH,KALH,CADD,EAQC,cAAC,MAAD,OARD,EASGE,OAAO,CAACE,GAAR,CAAa;AAAA,QAAE;AAAEC,MAAAA,KAAF;AAASC,MAAAA,IAAT;AAAeC,MAAAA;AAAf,KAAF;AAAA,WACd,cAAC,MAAD;AACC,MAAA,GAAG,EAAGF,KADP;AAEC,MAAA,SAAS,EAAC,+CAFX;AAGC,MAAA,KAAK,EAAGA,KAHT;AAIC,MAAA,IAAI,EAAGC,IAJR;AAKC,MAAA,OAAO,EAAG,CAAEA,IAAF,IAAU,UALrB;AAMC,MAAA,OAAO,EAAGC;AANX,OAQG,CAAED,IAAF,IAAUD,KARb,CADc;AAAA,GAAb,CATH,EAqBGF,OAAO,IACR,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,+CADX;AAEC,IAAA,KAAK,EAAGL,EAAE,CAAE,OAAF,CAFX;AAGC,IAAA,IAAI,EAAGD,UAHR;AAIC,IAAA,OAAO,EAAGM;AAJX,IAtBF,CADD,EA+BGF,IAAI,IAAI,cAAC,IAAD,QAAQA,IAAR,CA/BX,CADD;AAmCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/inspector-popover-header/index.js"],"names":["__experimentalVStack","VStack","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalSpacer","Spacer","Button","__experimentalText","Text","closeSmall","__","InspectorPopoverHeader","title","help","actions","onClose","map","label","icon","onClick"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MADzB,EAECC,oBAAoB,IAAIC,MAFzB,EAGCC,qBAAqB,IAAIC,OAH1B,EAICC,oBAAoB,IAAIC,MAJzB,EAKCC,MALD,EAMCC,kBAAkB,IAAIC,IANvB,QAOO,uBAPP;AAQA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AAEA,eAAe,SAASC,sBAAT,CAAiC;AAC/CC,EAAAA,KAD+C;AAE/CC,EAAAA,IAF+C;AAG/CC,EAAAA,OAAO,GAAG,EAHqC;AAI/CC,EAAAA;AAJ+C,CAAjC,EAKX;AACH,SACC,cAAC,MAAD;AAAQ,IAAA,SAAS,EAAC,uCAAlB;AAA0D,IAAA,OAAO,EAAG;AAApE,KACC,cAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACC,cAAC,OAAD;AACC,IAAA,SAAS,EAAC,gDADX;AAEC,IAAA,KAAK,EAAG,CAFT;AAGC,IAAA,IAAI,EAAG;AAHR,KAKGH,KALH,CADD,EAQC,cAAC,MAAD,OARD,EASGE,OAAO,CAACE,GAAR,CAAa,CAAE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,IAAT;AAAeC,IAAAA;AAAf,GAAF,KACd,cAAC,MAAD;AACC,IAAA,GAAG,EAAGF,KADP;AAEC,IAAA,SAAS,EAAC,+CAFX;AAGC,IAAA,KAAK,EAAGA,KAHT;AAIC,IAAA,IAAI,EAAGC,IAJR;AAKC,IAAA,OAAO,EAAG,CAAEA,IAAF,IAAU,UALrB;AAMC,IAAA,OAAO,EAAGC;AANX,KAQG,CAAED,IAAF,IAAUD,KARb,CADC,CATH,EAqBGF,OAAO,IACR,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,+CADX;AAEC,IAAA,KAAK,EAAGL,EAAE,CAAE,OAAF,CAFX;AAGC,IAAA,IAAI,EAAGD,UAHR;AAIC,IAAA,OAAO,EAAGM;AAJX,IAtBF,CADD,EA+BGF,IAAI,IAAI,cAAC,IAAD,QAAQA,IAAR,CA/BX,CADD;AAmCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalSpacer as Spacer,\n\tButton,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { closeSmall } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function InspectorPopoverHeader( {\n\ttitle,\n\thelp,\n\tactions = [],\n\tonClose,\n} ) {\n\treturn (\n\t\t<VStack className=\"block-editor-inspector-popover-header\" spacing={ 4 }>\n\t\t\t<HStack alignment=\"center\">\n\t\t\t\t<Heading\n\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__heading\"\n\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\tsize={ 13 }\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<Spacer />\n\t\t\t\t{ actions.map( ( { label, icon, onClick } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tvariant={ ! icon && 'tertiary' }\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! icon && label }\n\t\t\t\t\t</Button>\n\t\t\t\t) ) }\n\t\t\t\t{ onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inspector-popover-header__action\"\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</VStack>\n\t);\n}\n"]}

package/build-module/components/justify-content-control/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
 /**
@@ -7,15 +6,15 @@ import { createElement } from "@wordpress/element";
 import JustifyContentUI from './ui';
 
 const JustifyContentControl = props => {
-  return createElement(JustifyContentUI, _extends({}, props, {
+  return createElement(JustifyContentUI, { ...props,
     isToolbar: false
-  }));
+  });
 };
 
 const JustifyToolbar = props => {
-  return createElement(JustifyContentUI, _extends({}, props, {
+  return createElement(JustifyContentUI, { ...props,
     isToolbar: true
-  }));
+  });
 };
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md

package/build-module/components/justify-content-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/justify-content-control/index.js"],"names":["JustifyContentUI","JustifyContentControl","props","JustifyToolbar"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,gBAAP,MAA6B,MAA7B;;AAEA,MAAMC,qBAAqB,GAAKC,KAAF,IAAa;AAC1C,SAAO,cAAC,gBAAD,eAAuBA,KAAvB;AAA+B,IAAA,SAAS,EAAG;AAA3C,KAAP;AACA,CAFD;;AAIA,MAAMC,cAAc,GAAKD,KAAF,IAAa;AACnC,SAAO,cAAC,gBAAD,eAAuBA,KAAvB;AAA+B,IAAA,SAAS;AAAxC,KAAP;AACA,CAFD;AAIA;AACA;AACA;;;AACA,SAASD,qBAAT,EAAgCE,cAAhC","sourcesContent":["/**\n * Internal dependencies\n */\nimport JustifyContentUI from './ui';\n\nconst JustifyContentControl = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar={ false } />;\n};\n\nconst JustifyToolbar = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md\n */\nexport { JustifyContentControl, JustifyToolbar };\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/justify-content-control/index.js"],"names":["JustifyContentUI","JustifyContentControl","props","JustifyToolbar"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,gBAAP,MAA6B,MAA7B;;AAEA,MAAMC,qBAAqB,GAAKC,KAAF,IAAa;AAC1C,SAAO,cAAC,gBAAD,OAAuBA,KAAvB;AAA+B,IAAA,SAAS,EAAG;AAA3C,IAAP;AACA,CAFD;;AAIA,MAAMC,cAAc,GAAKD,KAAF,IAAa;AACnC,SAAO,cAAC,gBAAD,OAAuBA,KAAvB;AAA+B,IAAA,SAAS;AAAxC,IAAP;AACA,CAFD;AAIA;AACA;AACA;;;AACA,SAASD,qBAAT,EAAgCE,cAAhC","sourcesContent":["/**\n * Internal dependencies\n */\nimport JustifyContentUI from './ui';\n\nconst JustifyContentControl = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar={ false } />;\n};\n\nconst JustifyToolbar = ( props ) => {\n\treturn <JustifyContentUI { ...props } isToolbar />;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/justify-content-control/README.md\n */\nexport { JustifyContentControl, JustifyToolbar };\n"]}

package/build-module/components/justify-content-control/ui.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
 /**
@@ -15,16 +14,14 @@ const icons = {
   stretch: justifyStretch
 };
 
-function JustifyContentUI(_ref) {
-  let {
-    allowedControls = ['left', 'center', 'right', 'space-between'],
-    isCollapsed = true,
-    onChange,
-    value,
-    popoverProps,
-    isToolbar
-  } = _ref;
-
+function JustifyContentUI({
+  allowedControls = ['left', 'center', 'right', 'space-between'],
+  isCollapsed = true,
+  onChange,
+  value,
+  popoverProps,
+  isToolbar
+}) {
   // If the control is already selected we want a click
   // again on the control to deselect the item, so we
   // call onChange( undefined )
@@ -72,12 +69,13 @@ function JustifyContentUI(_ref) {
   const extraProps = isToolbar ? {
     isCollapsed
   } : {};
-  return createElement(UIComponent, _extends({
+  return createElement(UIComponent, {
     icon: icon,
     popoverProps: popoverProps,
     label: __('Change items justification'),
-    controls: allControls.filter(elem => allowedControls.includes(elem.name))
-  }, extraProps));
+    controls: allControls.filter(elem => allowedControls.includes(elem.name)),
+    ...extraProps
+  });
 }
 
 export default JustifyContentUI;

package/build-module/components/justify-content-control/ui.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/justify-content-control/ui.js"],"names":["ToolbarDropdownMenu","ToolbarGroup","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","__","icons","left","center","right","stretch","JustifyContentUI","allowedControls","isCollapsed","onChange","value","popoverProps","isToolbar","handleClick","next","undefined","icon","allControls","name","title","isActive","onClick","UIComponent","extraProps","filter","elem","includes"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n\tstretch: justifyStretch,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t\t{\n\t\t\tname: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\ttitle: __( 'Stretch items' ),\n\t\t\tisActive: 'stretch' === value,\n\t\t\tonClick: () => handleClick( 'stretch' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/justify-content-control/ui.js"],"names":["ToolbarDropdownMenu","ToolbarGroup","justifyLeft","justifyCenter","justifyRight","justifySpaceBetween","justifyStretch","__","icons","left","center","right","stretch","JustifyContentUI","allowedControls","isCollapsed","onChange","value","popoverProps","isToolbar","handleClick","next","undefined","icon","allControls","name","title","isActive","onClick","UIComponent","extraProps","filter","elem","includes"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarDropdownMenu, ToolbarGroup } from '@wordpress/components';\nimport {\n\tjustifyLeft,\n\tjustifyCenter,\n\tjustifyRight,\n\tjustifySpaceBetween,\n\tjustifyStretch,\n} from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nconst icons = {\n\tleft: justifyLeft,\n\tcenter: justifyCenter,\n\tright: justifyRight,\n\t'space-between': justifySpaceBetween,\n\tstretch: justifyStretch,\n};\n\nfunction JustifyContentUI( {\n\tallowedControls = [ 'left', 'center', 'right', 'space-between' ],\n\tisCollapsed = true,\n\tonChange,\n\tvalue,\n\tpopoverProps,\n\tisToolbar,\n} ) {\n\t// If the control is already selected we want a click\n\t// again on the control to deselect the item, so we\n\t// call onChange( undefined )\n\tconst handleClick = ( next ) => {\n\t\tif ( next === value ) {\n\t\t\tonChange( undefined );\n\t\t} else {\n\t\t\tonChange( next );\n\t\t}\n\t};\n\n\tconst icon = value ? icons[ value ] : icons.left;\n\tconst allControls = [\n\t\t{\n\t\t\tname: 'left',\n\t\t\ticon: justifyLeft,\n\t\t\ttitle: __( 'Justify items left' ),\n\t\t\tisActive: 'left' === value,\n\t\t\tonClick: () => handleClick( 'left' ),\n\t\t},\n\t\t{\n\t\t\tname: 'center',\n\t\t\ticon: justifyCenter,\n\t\t\ttitle: __( 'Justify items center' ),\n\t\t\tisActive: 'center' === value,\n\t\t\tonClick: () => handleClick( 'center' ),\n\t\t},\n\t\t{\n\t\t\tname: 'right',\n\t\t\ticon: justifyRight,\n\t\t\ttitle: __( 'Justify items right' ),\n\t\t\tisActive: 'right' === value,\n\t\t\tonClick: () => handleClick( 'right' ),\n\t\t},\n\t\t{\n\t\t\tname: 'space-between',\n\t\t\ticon: justifySpaceBetween,\n\t\t\ttitle: __( 'Space between items' ),\n\t\t\tisActive: 'space-between' === value,\n\t\t\tonClick: () => handleClick( 'space-between' ),\n\t\t},\n\t\t{\n\t\t\tname: 'stretch',\n\t\t\ticon: justifyStretch,\n\t\t\ttitle: __( 'Stretch items' ),\n\t\t\tisActive: 'stretch' === value,\n\t\t\tonClick: () => handleClick( 'stretch' ),\n\t\t},\n\t];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={ icon }\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tlabel={ __( 'Change items justification' ) }\n\t\t\tcontrols={ allControls.filter( ( elem ) =>\n\t\t\t\tallowedControls.includes( elem.name )\n\t\t\t) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\nexport default JustifyContentUI;\n"]}

package/build-module/components/letter-spacing-control/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
 /**
@@ -22,13 +21,12 @@ import useSetting from '../../components/use-setting';
  * @return {WPElement} Letter-spacing control.
  */
 
-export default function LetterSpacingControl(_ref) {
-  let {
-    value,
-    onChange,
-    __unstableInputWidth = '60px',
-    ...otherProps
-  } = _ref;
+export default function LetterSpacingControl({
+  value,
+  onChange,
+  __unstableInputWidth = '60px',
+  ...otherProps
+}) {
   const units = useCustomUnits({
     availableUnits: useSetting('spacing.units') || ['px', 'em', 'rem'],
     defaultValues: {
@@ -37,12 +35,12 @@ export default function LetterSpacingControl(_ref) {
       rem: 0.2
     }
   });
-  return createElement(UnitControl, _extends({}, otherProps, {
+  return createElement(UnitControl, { ...otherProps,
     label: __('Letter spacing'),
     value: value,
     __unstableInputWidth: __unstableInputWidth,
     units: units,
     onChange: onChange
-  }));
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/letter-spacing-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"names":["__experimentalUnitControl","UnitControl","__experimentalUseCustomUnits","useCustomUnits","__","useSetting","LetterSpacingControl","value","onChange","__unstableInputWidth","otherProps","units","availableUnits","defaultValues","px","em","rem"],"mappings":";;;AAAA;AACA;AACA;AACA,SACCA,yBAAyB,IAAIC,WAD9B,EAECC,4BAA4B,IAAIC,cAFjC,QAGO,uBAHP;AAIA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,8BAAvB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,oBAAT,OAKX;AAAA,MAL0C;AAC7CC,IAAAA,KAD6C;AAE7CC,IAAAA,QAF6C;AAG7CC,IAAAA,oBAAoB,GAAG,MAHsB;AAI7C,OAAGC;AAJ0C,GAK1C;AACH,QAAMC,KAAK,GAAGR,cAAc,CAAE;AAC7BS,IAAAA,cAAc,EAAEP,UAAU,CAAE,eAAF,CAAV,IAAiC,CAAE,IAAF,EAAQ,IAAR,EAAc,KAAd,CADpB;AAE7BQ,IAAAA,aAAa,EAAE;AAAEC,MAAAA,EAAE,EAAE,CAAN;AAASC,MAAAA,EAAE,EAAE,GAAb;AAAkBC,MAAAA,GAAG,EAAE;AAAvB;AAFc,GAAF,CAA5B;AAIA,SACC,cAAC,WAAD,eACMN,UADN;AAEC,IAAA,KAAK,EAAGN,EAAE,CAAE,gBAAF,CAFX;AAGC,IAAA,KAAK,EAAGG,KAHT;AAIC,IAAA,oBAAoB,EAAGE,oBAJxB;AAKC,IAAA,KAAK,EAAGE,KALT;AAMC,IAAA,QAAQ,EAAGH;AANZ,KADD;AAUA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../../components/use-setting';\n\n/**\n * Control for letter-spacing.\n *\n * @param {Object}                  props                      Component props.\n * @param {string}                  props.value                Currently selected letter-spacing.\n * @param {Function}                props.onChange             Handles change in letter-spacing selection.\n * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n *\n * @return {WPElement} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/letter-spacing-control/index.js"],"names":["__experimentalUnitControl","UnitControl","__experimentalUseCustomUnits","useCustomUnits","__","useSetting","LetterSpacingControl","value","onChange","__unstableInputWidth","otherProps","units","availableUnits","defaultValues","px","em","rem"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,yBAAyB,IAAIC,WAD9B,EAECC,4BAA4B,IAAIC,cAFjC,QAGO,uBAHP;AAIA,SAASC,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,8BAAvB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,oBAAT,CAA+B;AAC7CC,EAAAA,KAD6C;AAE7CC,EAAAA,QAF6C;AAG7CC,EAAAA,oBAAoB,GAAG,MAHsB;AAI7C,KAAGC;AAJ0C,CAA/B,EAKX;AACH,QAAMC,KAAK,GAAGR,cAAc,CAAE;AAC7BS,IAAAA,cAAc,EAAEP,UAAU,CAAE,eAAF,CAAV,IAAiC,CAAE,IAAF,EAAQ,IAAR,EAAc,KAAd,CADpB;AAE7BQ,IAAAA,aAAa,EAAE;AAAEC,MAAAA,EAAE,EAAE,CAAN;AAASC,MAAAA,EAAE,EAAE,GAAb;AAAkBC,MAAAA,GAAG,EAAE;AAAvB;AAFc,GAAF,CAA5B;AAIA,SACC,cAAC,WAAD,OACMN,UADN;AAEC,IAAA,KAAK,EAAGN,EAAE,CAAE,gBAAF,CAFX;AAGC,IAAA,KAAK,EAAGG,KAHT;AAIC,IAAA,oBAAoB,EAAGE,oBAJxB;AAKC,IAAA,KAAK,EAAGE,KALT;AAMC,IAAA,QAAQ,EAAGH;AANZ,IADD;AAUA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport useSetting from '../../components/use-setting';\n\n/**\n * Control for letter-spacing.\n *\n * @param {Object}                  props                      Component props.\n * @param {string}                  props.value                Currently selected letter-spacing.\n * @param {Function}                props.onChange             Handles change in letter-spacing selection.\n * @param {string|number|undefined} props.__unstableInputWidth Input width to pass through to inner UnitControl. Should be a valid CSS value.\n *\n * @return {WPElement} Letter-spacing control.\n */\nexport default function LetterSpacingControl( {\n\tvalue,\n\tonChange,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) {\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [ 'px', 'em', 'rem' ],\n\t\tdefaultValues: { px: 2, em: 0.2, rem: 0.2 },\n\t} );\n\treturn (\n\t\t<UnitControl\n\t\t\t{ ...otherProps }\n\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\tvalue={ value }\n\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\tunits={ units }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n"]}

package/build-module/components/line-height-control/index.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
 /**
@@ -13,16 +12,15 @@ import { __experimentalNumberControl as NumberControl } from '@wordpress/compone
 
 import { BASE_DEFAULT_VALUE, RESET_VALUE, STEP, isLineHeightDefined } from './utils';
 
-const LineHeightControl = _ref => {
-  let {
-    value: lineHeight,
-    onChange,
+const LineHeightControl = ({
+  value: lineHeight,
+  onChange,
 
-    /** Start opting into the new margin-free styles that will become the default in a future version. */
-    __nextHasNoMarginBottom = false,
-    __unstableInputWidth = '60px',
-    ...otherProps
-  } = _ref;
+  /** Start opting into the new margin-free styles that will become the default in a future version. */
+  __nextHasNoMarginBottom = false,
+  __unstableInputWidth = '60px',
+  ...otherProps
+}) => {
   const isDefined = isLineHeightDefined(lineHeight);
 
   const adjustNextValue = (nextValue, wasTypedOrPasted) => {
@@ -61,13 +59,11 @@ const LineHeightControl = _ref => {
   };
 
   const stateReducer = (state, action) => {
-    var _action$payload$event;
-
     // Be careful when changing this — cross-browser behavior of the
     // `inputType` field in `input` events are inconsistent.
     // For example, Firefox emits an input event with inputType="insertReplacementText"
     // on spin button clicks, while other browsers do not even emit an input event.
-    const wasTypedOrPasted = ['insertText', 'insertFromPaste'].includes((_action$payload$event = action.payload.event.nativeEvent) === null || _action$payload$event === void 0 ? void 0 : _action$payload$event.inputType);
+    const wasTypedOrPasted = ['insertText', 'insertFromPaste'].includes(action.payload.event.nativeEvent?.inputType);
     const value = adjustNextValue(state.value, wasTypedOrPasted);
     return { ...state,
       value
@@ -88,11 +84,9 @@ const LineHeightControl = _ref => {
     marginBottom: 24
   };
 
-  const handleOnChange = (nextValue, _ref2) => {
-    let {
-      event
-    } = _ref2;
-
+  const handleOnChange = (nextValue, {
+    event
+  }) => {
     if (nextValue === '') {
       onChange();
       return;
@@ -109,7 +103,7 @@ const LineHeightControl = _ref => {
   return createElement("div", {
     className: "block-editor-line-height-control",
     style: deprecatedStyles
-  }, createElement(NumberControl, _extends({}, otherProps, {
+  }, createElement(NumberControl, { ...otherProps,
     __unstableInputWidth: __unstableInputWidth,
     __unstableStateReducer: stateReducer,
     onChange: handleOnChange,
@@ -119,7 +113,7 @@ const LineHeightControl = _ref => {
     value: value,
     min: 0,
     spinControls: "custom"
-  })));
+  }));
 };
 /**
  * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md

package/build-module/components/line-height-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"names":["deprecated","__","__experimentalNumberControl","NumberControl","BASE_DEFAULT_VALUE","RESET_VALUE","STEP","isLineHeightDefined","LineHeightControl","value","lineHeight","onChange","__nextHasNoMarginBottom","__unstableInputWidth","otherProps","isDefined","adjustNextValue","nextValue","wasTypedOrPasted","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","since","version","hint","deprecatedStyles","undefined","marginBottom","handleOnChange","type"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\tvalue: lineHeight,\n\tonChange,\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMarginBottom = false,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) return nextValue;\n\n\t\t/**\n\t\t * The following logic handles the initial step up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first step up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t *\n\t\t * Step up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * or by clicking the spin buttons.\n\t\t */\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ STEP }`:\n\t\t\t\t// Increment by step value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + STEP;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than stepped down\n\t\t\t\t// from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) return nextValue;\n\t\t\t\t// Decrement by step value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - STEP;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tif ( ! __nextHasNoMarginBottom ) {\n\t\tdeprecated(\n\t\t\t'Bottom margin styles for wp.blockEditor.LineHeightControl',\n\t\t\t{\n\t\t\t\tsince: '6.0',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\tconst deprecatedStyles = __nextHasNoMarginBottom\n\t\t? undefined\n\t\t: { marginBottom: 24 };\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-line-height-control\"\n\t\t\tstyle={ deprecatedStyles }\n\t\t>\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/line-height-control/index.js"],"names":["deprecated","__","__experimentalNumberControl","NumberControl","BASE_DEFAULT_VALUE","RESET_VALUE","STEP","isLineHeightDefined","LineHeightControl","value","lineHeight","onChange","__nextHasNoMarginBottom","__unstableInputWidth","otherProps","isDefined","adjustNextValue","nextValue","wasTypedOrPasted","stateReducer","state","action","includes","payload","event","nativeEvent","inputType","since","version","hint","deprecatedStyles","undefined","marginBottom","handleOnChange","type"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalNumberControl as NumberControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBASE_DEFAULT_VALUE,\n\tRESET_VALUE,\n\tSTEP,\n\tisLineHeightDefined,\n} from './utils';\n\nconst LineHeightControl = ( {\n\tvalue: lineHeight,\n\tonChange,\n\t/** Start opting into the new margin-free styles that will become the default in a future version. */\n\t__nextHasNoMarginBottom = false,\n\t__unstableInputWidth = '60px',\n\t...otherProps\n} ) => {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\n\tconst adjustNextValue = ( nextValue, wasTypedOrPasted ) => {\n\t\t// Set the next value without modification if lineHeight has been defined.\n\t\tif ( isDefined ) return nextValue;\n\n\t\t/**\n\t\t * The following logic handles the initial step up/down action\n\t\t * (from an undefined value state) so that the next values are better suited for\n\t\t * line-height rendering. For example, the first step up should immediately\n\t\t * go to 1.6, rather than the normally expected 0.1.\n\t\t *\n\t\t * Step up/down actions can be triggered by keydowns of the up/down arrow keys,\n\t\t * or by clicking the spin buttons.\n\t\t */\n\t\tswitch ( `${ nextValue }` ) {\n\t\t\tcase `${ STEP }`:\n\t\t\t\t// Increment by step value.\n\t\t\t\treturn BASE_DEFAULT_VALUE + STEP;\n\t\t\tcase '0': {\n\t\t\t\t// This means the user explicitly input '0', rather than stepped down\n\t\t\t\t// from an undefined value state.\n\t\t\t\tif ( wasTypedOrPasted ) return nextValue;\n\t\t\t\t// Decrement by step value.\n\t\t\t\treturn BASE_DEFAULT_VALUE - STEP;\n\t\t\t}\n\t\t\tcase '':\n\t\t\t\treturn BASE_DEFAULT_VALUE;\n\t\t\tdefault:\n\t\t\t\treturn nextValue;\n\t\t}\n\t};\n\n\tconst stateReducer = ( state, action ) => {\n\t\t// Be careful when changing this — cross-browser behavior of the\n\t\t// `inputType` field in `input` events are inconsistent.\n\t\t// For example, Firefox emits an input event with inputType=\"insertReplacementText\"\n\t\t// on spin button clicks, while other browsers do not even emit an input event.\n\t\tconst wasTypedOrPasted = [ 'insertText', 'insertFromPaste' ].includes(\n\t\t\taction.payload.event.nativeEvent?.inputType\n\t\t);\n\t\tconst value = adjustNextValue( state.value, wasTypedOrPasted );\n\t\treturn { ...state, value };\n\t};\n\n\tconst value = isDefined ? lineHeight : RESET_VALUE;\n\n\tif ( ! __nextHasNoMarginBottom ) {\n\t\tdeprecated(\n\t\t\t'Bottom margin styles for wp.blockEditor.LineHeightControl',\n\t\t\t{\n\t\t\t\tsince: '6.0',\n\t\t\t\tversion: '6.4',\n\t\t\t\thint: 'Set the `__nextHasNoMarginBottom` prop to true to start opting into the new styles, which will become the default in a future version',\n\t\t\t}\n\t\t);\n\t}\n\tconst deprecatedStyles = __nextHasNoMarginBottom\n\t\t? undefined\n\t\t: { marginBottom: 24 };\n\n\tconst handleOnChange = ( nextValue, { event } ) => {\n\t\tif ( nextValue === '' ) {\n\t\t\tonChange();\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.type === 'click' ) {\n\t\t\tonChange( adjustNextValue( `${ nextValue }`, false ) );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( `${ nextValue }` );\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"block-editor-line-height-control\"\n\t\t\tstyle={ deprecatedStyles }\n\t\t>\n\t\t\t<NumberControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\t__unstableStateReducer={ stateReducer }\n\t\t\t\tonChange={ handleOnChange }\n\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\tplaceholder={ BASE_DEFAULT_VALUE }\n\t\t\t\tstep={ STEP }\n\t\t\t\tvalue={ value }\n\t\t\t\tmin={ 0 }\n\t\t\t\tspinControls=\"custom\"\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/line-height-control/README.md\n */\nexport default LineHeightControl;\n"]}

package/build-module/components/line-height-control/index.native.js

@@ -10,11 +10,10 @@ import { UnitControl } from '@wordpress/components';
  */
 
 import { BASE_DEFAULT_VALUE, STEP, isLineHeightDefined } from './utils';
-export default function LineHeightControl(_ref) {
-  let {
-    value: lineHeight,
-    onChange
-  } = _ref;
+export default function LineHeightControl({
+  value: lineHeight,
+  onChange
+}) {
   const isDefined = isLineHeightDefined(lineHeight);
   const value = isDefined ? lineHeight : BASE_DEFAULT_VALUE;
   return createElement(UnitControl, {

package/build-module/components/line-height-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/line-height-control/index.native.js"],"names":["__","UnitControl","BASE_DEFAULT_VALUE","STEP","isLineHeightDefined","LineHeightControl","value","lineHeight","onChange","isDefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,QAA4B,uBAA5B;AACA;AACA;AACA;;AACA,SAASC,kBAAT,EAA6BC,IAA7B,EAAmCC,mBAAnC,QAA8D,SAA9D;AAEA,eAAe,SAASC,iBAAT,OAA8D;AAAA,MAAlC;AAAEC,IAAAA,KAAK,EAAEC,UAAT;AAAqBC,IAAAA;AAArB,GAAkC;AAC5E,QAAMC,SAAS,GAAGL,mBAAmB,CAAEG,UAAF,CAArC;AACA,QAAMD,KAAK,GAAGG,SAAS,GAAGF,UAAH,GAAgBL,kBAAvC;AACA,SACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGF,EAAE,CAAE,aAAF,CADX,CAEC;AAFD;AAGC,IAAA,GAAG,EAAG,CAHP;AAIC,IAAA,GAAG,EAAG,CAJP;AAKC,IAAA,IAAI,EAAGG,IALR;AAMC,IAAA,KAAK,EAAGG,KANT;AAOC,IAAA,QAAQ,EAAGE,QAPZ,CAQC;AACA;AATD;AAUC,IAAA,KAAK,EAAG;AAVT,IADD;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { UnitControl } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport { BASE_DEFAULT_VALUE, STEP, isLineHeightDefined } from './utils';\n\nexport default function LineHeightControl( { value: lineHeight, onChange } ) {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\tconst value = isDefined ? lineHeight : BASE_DEFAULT_VALUE;\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Line Height' ) }\n\t\t\t// Set minimun value of 1 since lower values break on Android\n\t\t\tmin={ 1 }\n\t\t\tmax={ 5 }\n\t\t\tstep={ STEP }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\t// TODO: should be updated to avoid using `false`, in order to\n\t\t\t// align with the web version of `UnitControl`\n\t\t\tunits={ false }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/line-height-control/index.native.js"],"names":["__","UnitControl","BASE_DEFAULT_VALUE","STEP","isLineHeightDefined","LineHeightControl","value","lineHeight","onChange","isDefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,QAA4B,uBAA5B;AACA;AACA;AACA;;AACA,SAASC,kBAAT,EAA6BC,IAA7B,EAAmCC,mBAAnC,QAA8D,SAA9D;AAEA,eAAe,SAASC,iBAAT,CAA4B;AAAEC,EAAAA,KAAK,EAAEC,UAAT;AAAqBC,EAAAA;AAArB,CAA5B,EAA8D;AAC5E,QAAMC,SAAS,GAAGL,mBAAmB,CAAEG,UAAF,CAArC;AACA,QAAMD,KAAK,GAAGG,SAAS,GAAGF,UAAH,GAAgBL,kBAAvC;AACA,SACC,cAAC,WAAD;AACC,IAAA,KAAK,EAAGF,EAAE,CAAE,aAAF,CADX,CAEC;AAFD;AAGC,IAAA,GAAG,EAAG,CAHP;AAIC,IAAA,GAAG,EAAG,CAJP;AAKC,IAAA,IAAI,EAAGG,IALR;AAMC,IAAA,KAAK,EAAGG,KANT;AAOC,IAAA,QAAQ,EAAGE,QAPZ,CAQC;AACA;AATD;AAUC,IAAA,KAAK,EAAG;AAVT,IADD;AAcA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { UnitControl } from '@wordpress/components';\n/**\n * Internal dependencies\n */\nimport { BASE_DEFAULT_VALUE, STEP, isLineHeightDefined } from './utils';\n\nexport default function LineHeightControl( { value: lineHeight, onChange } ) {\n\tconst isDefined = isLineHeightDefined( lineHeight );\n\tconst value = isDefined ? lineHeight : BASE_DEFAULT_VALUE;\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Line Height' ) }\n\t\t\t// Set minimun value of 1 since lower values break on Android\n\t\t\tmin={ 1 }\n\t\t\tmax={ 5 }\n\t\t\tstep={ STEP }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\t// TODO: should be updated to avoid using `false`, in order to\n\t\t\t// align with the web version of `UnitControl`\n\t\t\tunits={ false }\n\t\t/>\n\t);\n}\n"]}

package/build-module/components/link-control/index.js

@@ -8,11 +8,12 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 
-import { Button, Spinner, Notice } from '@wordpress/components';
+import { Button, Spinner, Notice, TextControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { useRef, useState, useEffect } from '@wordpress/element';
 import { focus } from '@wordpress/dom';
 import { ENTER } from '@wordpress/keycodes';
+import { isShallowEqualObjects } from '@wordpress/is-shallow-equal';
 /**
  * Internal dependencies
  */
@@ -20,8 +21,9 @@ import { ENTER } from '@wordpress/keycodes';
 import LinkControlSettingsDrawer from './settings-drawer';
 import LinkControlSearchInput from './search-input';
 import LinkPreview from './link-preview';
+import LinkSettings from './settings';
 import useCreatePage from './use-create-page';
-import useInternalInputValue from './use-internal-input-value';
+import useInternalValue from './use-internal-value';
 import { ViewerFill } from './viewer-slot';
 import { DEFAULT_LINK_SETTINGS } from './constants';
 /**
@@ -110,31 +112,27 @@ const noop = () => {};
  */
 
 
-function LinkControl(_ref) {
-  var _value$url, _value$url$trim, _currentUrlInputValue;
-
-  let {
-    searchInputPlaceholder,
-    value,
-    settings = DEFAULT_LINK_SETTINGS,
-    onChange = noop,
-    onRemove,
-    onCancel,
-    noDirectEntry = false,
-    showSuggestions = true,
-    showInitialSuggestions,
-    forceIsEditingLink,
-    createSuggestion,
-    withCreateSuggestion,
-    inputValue: propInputValue = '',
-    suggestionsQuery = {},
-    noURLSuggestion = false,
-    createSuggestionButtonText,
-    hasRichPreviews = false,
-    hasTextControl = false,
-    renderControlBottom = null
-  } = _ref;
-
+function LinkControl({
+  searchInputPlaceholder,
+  value,
+  settings = DEFAULT_LINK_SETTINGS,
+  onChange = noop,
+  onRemove,
+  onCancel,
+  noDirectEntry = false,
+  showSuggestions = true,
+  showInitialSuggestions,
+  forceIsEditingLink,
+  createSuggestion,
+  withCreateSuggestion,
+  inputValue: propInputValue = '',
+  suggestionsQuery = {},
+  noURLSuggestion = false,
+  createSuggestionButtonText,
+  hasRichPreviews = false,
+  hasTextControl = false,
+  renderControlBottom = null
+}) {
   if (withCreateSuggestion === undefined && createSuggestion) {
     withCreateSuggestion = true;
   }
@@ -143,9 +141,12 @@ function LinkControl(_ref) {
   const wrapperNode = useRef();
   const textInputRef = useRef();
   const isEndingEditWithFocus = useRef(false);
+  const settingsKeys = settings.map(({
+    id
+  }) => id);
   const [settingsOpen, setSettingsOpen] = useState(false);
-  const [internalUrlInputValue, setInternalUrlInputValue] = useInternalInputValue((value === null || value === void 0 ? void 0 : value.url) || '');
-  const [internalTextInputValue, setInternalTextInputValue] = useInternalInputValue((value === null || value === void 0 ? void 0 : value.title) || '');
+  const [internalControlValue, setInternalControlValue, setInternalURLInputValue, setInternalTextInputValue, createSetInternalSettingValueHandler] = useInternalValue(value);
+  const valueHasChanges = value && !isShallowEqualObjects(internalControlValue, value);
   const [isEditingLink, setIsEditingLink] = useState(forceIsEditingLink !== undefined ? forceIsEditingLink : !value || !value.url);
   const {
     createPage,
@@ -155,7 +156,9 @@ function LinkControl(_ref) {
   useEffect(() => {
     if (forceIsEditingLink !== undefined && forceIsEditingLink !== isEditingLink) {
       setIsEditingLink(forceIsEditingLink);
-    }
+    } // Todo: bug if the missing dep is introduced. Will need a fix.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [forceIsEditingLink]);
   useEffect(() => {
     // We don't auto focus into the Link UI on mount
@@ -164,49 +167,57 @@ function LinkControl(_ref) {
     if (isMounting.current) {
       isMounting.current = false;
       return;
-    } // Unless we are mounting, we always want to focus either:
-    // - the URL input
-    // - the first focusable element in the Link UI.
-    // But in editing mode if there is a text input present then
-    // the URL input is at index 1. If not then it is at index 0.
-
-
-    const whichFocusTargetIndex = textInputRef !== null && textInputRef !== void 0 && textInputRef.current ? 1 : 0; // Scenario - when:
+    } // Scenario - when:
     // - switching between editable and non editable LinkControl
     // - clicking on a link
     // ...then move focus to the *first* element to avoid focus loss
     // and to ensure focus is *within* the Link UI.
 
-    const nextFocusTarget = focus.focusable.find(wrapperNode.current)[whichFocusTargetIndex] || wrapperNode.current;
+
+    const nextFocusTarget = focus.focusable.find(wrapperNode.current)[0] || wrapperNode.current;
     nextFocusTarget.focus();
     isEndingEditWithFocus.current = false;
   }, [isEditingLink, isCreatingPage]);
-  const hasLinkValue = (value === null || value === void 0 ? void 0 : (_value$url = value.url) === null || _value$url === void 0 ? void 0 : (_value$url$trim = _value$url.trim()) === null || _value$url$trim === void 0 ? void 0 : _value$url$trim.length) > 0;
+  const hasLinkValue = value?.url?.trim()?.length > 0;
   /**
    * Cancels editing state and marks that focus may need to be restored after
    * the next render, if focus was within the wrapper when editing finished.
    */
 
   const stopEditing = () => {
-    var _wrapperNode$current;
-
-    isEndingEditWithFocus.current = !!((_wrapperNode$current = wrapperNode.current) !== null && _wrapperNode$current !== void 0 && _wrapperNode$current.contains(wrapperNode.current.ownerDocument.activeElement));
+    isEndingEditWithFocus.current = !!wrapperNode.current?.contains(wrapperNode.current.ownerDocument.activeElement);
     setSettingsOpen(false);
     setIsEditingLink(false);
   };
 
   const handleSelectSuggestion = updatedValue => {
-    onChange({ ...updatedValue,
-      title: internalTextInputValue || (updatedValue === null || updatedValue === void 0 ? void 0 : updatedValue.title)
+    // Suggestions may contains "settings" values (e.g. `opensInNewTab`)
+    // which should not overide any existing settings values set by the
+    // user. This filters out any settings values from the suggestion.
+    const nonSettingsChanges = Object.keys(updatedValue).reduce((acc, key) => {
+      if (!settingsKeys.includes(key)) {
+        acc[key] = updatedValue[key];
+      }
+
+      return acc;
+    }, {});
+    onChange({ ...internalControlValue,
+      ...nonSettingsChanges,
+      // As title is not a setting, it must be manually applied
+      // in such a way as to preserve the users changes over
+      // any "title" value provided by the "suggestion".
+      title: internalControlValue?.title || updatedValue?.title
     });
     stopEditing();
   };
 
   const handleSubmit = () => {
-    if (currentUrlInputValue !== (value === null || value === void 0 ? void 0 : value.url) || internalTextInputValue !== (value === null || value === void 0 ? void 0 : value.title)) {
+    if (valueHasChanges) {
+      // Submit the original value with new stored values applied
+      // on top. URL is a special case as it may also be a prop.
       onChange({ ...value,
-        url: currentUrlInputValue,
-        title: internalTextInputValue
+        ...internalControlValue,
+        url: currentUrlInputValue
       });
     }
 
@@ -226,8 +237,7 @@ function LinkControl(_ref) {
   };
 
   const resetInternalValues = () => {
-    setInternalUrlInputValue(value === null || value === void 0 ? void 0 : value.url);
-    setInternalTextInputValue(value === null || value === void 0 ? void 0 : value.title);
+    setInternalControlValue(value);
   };
 
   const handleCancel = event => {
@@ -241,21 +251,22 @@ function LinkControl(_ref) {
       stopEditing();
     } else {
       // If there is no link value, then remove the link entirely.
-      onRemove === null || onRemove === void 0 ? void 0 : onRemove();
+      onRemove?.();
     }
 
-    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    onCancel?.();
   };
 
-  const currentUrlInputValue = propInputValue || internalUrlInputValue;
-  const currentInputIsEmpty = !(currentUrlInputValue !== null && currentUrlInputValue !== void 0 && (_currentUrlInputValue = currentUrlInputValue.trim()) !== null && _currentUrlInputValue !== void 0 && _currentUrlInputValue.length);
+  const currentUrlInputValue = propInputValue || internalControlValue?.url || '';
+  const currentInputIsEmpty = !currentUrlInputValue?.trim()?.length;
   const shownUnlinkControl = onRemove && value && !isEditingLink && !isCreatingPage;
-  const showSettings = !!(settings !== null && settings !== void 0 && settings.length); // Only show text control once a URL value has been committed
+  const showSettings = !!settings?.length; // Only show text control once a URL value has been committed
   // and it isn't just empty whitespace.
   // See https://github.com/WordPress/gutenberg/pull/33849/#issuecomment-932194927.
 
   const showTextControl = hasLinkValue && hasTextControl;
   const isEditing = (isEditingLink || !value) && !isCreatingPage;
+  const isDisabled = !valueHasChanges || currentInputIsEmpty;
   return createElement("div", {
     tabIndex: -1,
     ref: wrapperNode,
@@ -274,7 +285,7 @@ function LinkControl(_ref) {
     value: currentUrlInputValue,
     withCreateSuggestion: withCreateSuggestion,
     onCreateSuggestion: createPage,
-    onChange: setInternalUrlInputValue,
+    onChange: setInternalURLInputValue,
     onSelect: handleSelectSuggestion,
     showInitialSuggestions: showInitialSuggestions,
     allowDirectEntry: !noDirectEntry,
@@ -283,12 +294,20 @@ function LinkControl(_ref) {
     withURLSuggestion: !noURLSuggestion,
     createSuggestionButtonText: createSuggestionButtonText,
     useLabel: showTextControl
+  }), showTextControl && createElement(TextControl, {
+    __nextHasNoMarginBottom: true,
+    ref: textInputRef,
+    className: "block-editor-link-control__field block-editor-link-control__text-content",
+    label: __('Text'),
+    value: internalControlValue?.title,
+    onChange: setInternalTextInputValue,
+    onKeyDown: handleSubmitWithEnter
   })), errorMessage && createElement(Notice, {
     className: "block-editor-link-control__search-error",
     status: "error",
     isDismissible: false
   }, errorMessage)), value && !isEditingLink && !isCreatingPage && createElement(LinkPreview, {
-    key: value === null || value === void 0 ? void 0 : value.url // force remount when URL changes to avoid race conditions for rich previews
+    key: value?.url // force remount when URL changes to avoid race conditions for rich previews
     ,
     value: value,
     onEditClick: () => setIsEditingLink(true),
@@ -297,27 +316,21 @@ function LinkControl(_ref) {
     onRemove: onRemove
   }), isEditing && createElement("div", {
     className: "block-editor-link-control__tools"
-  }, (showSettings || showTextControl) && createElement(LinkControlSettingsDrawer, {
+  }, showSettings && createElement(LinkControlSettingsDrawer, {
     settingsOpen: settingsOpen,
-    setSettingsOpen: setSettingsOpen,
-    showTextControl: showTextControl,
-    showSettings: showSettings,
-    textInputRef: textInputRef,
-    internalTextInputValue: internalTextInputValue,
-    setInternalTextInputValue: setInternalTextInputValue,
-    handleSubmitWithEnter: handleSubmitWithEnter,
-    value: value,
+    setSettingsOpen: setSettingsOpen
+  }, createElement(LinkSettings, {
+    value: internalControlValue,
     settings: settings,
-    onChange: onChange
-  }), createElement("div", {
+    onChange: createSetInternalSettingValueHandler(settingsKeys)
+  })), createElement("div", {
     className: "block-editor-link-control__search-actions"
   }, createElement(Button, {
     variant: "primary",
-    onClick: handleSubmit,
+    onClick: isDisabled ? noop : handleSubmit,
     className: "block-editor-link-control__search-submit",
-    disabled: currentInputIsEmpty // Disallow submitting empty values.
-
-  }, __('Apply')), createElement(Button, {
+    "aria-disabled": isDisabled
+  }, __('Save')), createElement(Button, {
     variant: "tertiary",
     onClick: handleCancel
   }, __('Cancel')))), renderControlBottom && renderControlBottom());