@wordpress/block-editor 7.0.4 → 8.0.3

package/build-module/components/border-style-control/index.js

@@ -29,10 +29,11 @@ const BORDER_STYLES = [{
  * @return {WPElement} Custom border style segmented control.
  */
 
-export default function BorderStyleControl({
-  onChange,
-  value
-}) {
+export default function BorderStyleControl(_ref) {
+  let {
+    onChange,
+    value
+  } = _ref;
   return createElement("fieldset", {
     className: "components-border-style-control"
   }, createElement("legend", null, __('Style')), createElement("div", {

package/build-module/components/border-style-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/border-style-control/index.js"],"names":["Button","__","lineDashed","lineDotted","lineSolid","BORDER_STYLES","label","icon","value","BorderStyleControl","onChange","map","borderStyle","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,uBAAvB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAT,EAAqBC,UAArB,EAAiCC,SAAjC,QAAkD,kBAAlD;AAEA,MAAMC,aAAa,GAAG,CACrB;AAAEC,EAAAA,KAAK,EAAEL,EAAE,CAAE,OAAF,CAAX;AAAwBM,EAAAA,IAAI,EAAEH,SAA9B;AAAyCI,EAAAA,KAAK,EAAE;AAAhD,CADqB,EAErB;AAAEF,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,IAAI,EAAEL,UAA/B;AAA2CM,EAAAA,KAAK,EAAE;AAAlD,CAFqB,EAGrB;AAAEF,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,IAAI,EAAEJ,UAA/B;AAA2CK,EAAAA,KAAK,EAAE;AAAlD,CAHqB,CAAtB;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,kBAAT,CAA6B;AAAEC,EAAAA,QAAF;AAAYF,EAAAA;AAAZ,CAA7B,EAAmD;AACjE,SACC;AAAU,IAAA,SAAS,EAAC;AAApB,KACC,8BAAUP,EAAE,CAAE,OAAF,CAAZ,CADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGI,aAAa,CAACM,GAAd,CAAqBC,WAAF,IACpB,cAAC,MAAD;AACC,IAAA,GAAG,EAAGA,WAAW,CAACJ,KADnB;AAEC,IAAA,IAAI,EAAGI,WAAW,CAACL,IAFpB;AAGC,IAAA,OAAO,MAHR;AAIC,IAAA,SAAS,EAAGK,WAAW,CAACJ,KAAZ,KAAsBA,KAJnC;AAKC,IAAA,OAAO,EAAG,MACTE,QAAQ,CACPE,WAAW,CAACJ,KAAZ,KAAsBA,KAAtB,GACGK,SADH,GAEGD,WAAW,CAACJ,KAHR,CANV;AAYC,kBAAaI,WAAW,CAACN;AAZ1B,IADC,CADH,CAFD,CADD;AAuBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';\n\nconst BORDER_STYLES = [\n\t{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },\n\t{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },\n\t{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },\n];\n\n/**\n * Control to display border style options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Handler for changing border style selection.\n * @param {string}   props.value    Currently selected border style value.\n *\n * @return {WPElement} Custom border style segmented control.\n */\nexport default function BorderStyleControl( { onChange, value } ) {\n\treturn (\n\t\t<fieldset className=\"components-border-style-control\">\n\t\t\t<legend>{ __( 'Style' ) }</legend>\n\t\t\t<div className=\"components-border-style-control__buttons\">\n\t\t\t\t{ BORDER_STYLES.map( ( borderStyle ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ borderStyle.value }\n\t\t\t\t\t\ticon={ borderStyle.icon }\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tisPressed={ borderStyle.value === value }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tborderStyle.value === value\n\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t: borderStyle.value\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ borderStyle.label }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/border-style-control/index.js"],"names":["Button","__","lineDashed","lineDotted","lineSolid","BORDER_STYLES","label","icon","value","BorderStyleControl","onChange","map","borderStyle","undefined"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,uBAAvB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,UAAT,EAAqBC,UAArB,EAAiCC,SAAjC,QAAkD,kBAAlD;AAEA,MAAMC,aAAa,GAAG,CACrB;AAAEC,EAAAA,KAAK,EAAEL,EAAE,CAAE,OAAF,CAAX;AAAwBM,EAAAA,IAAI,EAAEH,SAA9B;AAAyCI,EAAAA,KAAK,EAAE;AAAhD,CADqB,EAErB;AAAEF,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,IAAI,EAAEL,UAA/B;AAA2CM,EAAAA,KAAK,EAAE;AAAlD,CAFqB,EAGrB;AAAEF,EAAAA,KAAK,EAAEL,EAAE,CAAE,QAAF,CAAX;AAAyBM,EAAAA,IAAI,EAAEJ,UAA/B;AAA2CK,EAAAA,KAAK,EAAE;AAAlD,CAHqB,CAAtB;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,kBAAT,OAAmD;AAAA,MAAtB;AAAEC,IAAAA,QAAF;AAAYF,IAAAA;AAAZ,GAAsB;AACjE,SACC;AAAU,IAAA,SAAS,EAAC;AAApB,KACC,8BAAUP,EAAE,CAAE,OAAF,CAAZ,CADD,EAEC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGI,aAAa,CAACM,GAAd,CAAqBC,WAAF,IACpB,cAAC,MAAD;AACC,IAAA,GAAG,EAAGA,WAAW,CAACJ,KADnB;AAEC,IAAA,IAAI,EAAGI,WAAW,CAACL,IAFpB;AAGC,IAAA,OAAO,MAHR;AAIC,IAAA,SAAS,EAAGK,WAAW,CAACJ,KAAZ,KAAsBA,KAJnC;AAKC,IAAA,OAAO,EAAG,MACTE,QAAQ,CACPE,WAAW,CAACJ,KAAZ,KAAsBA,KAAtB,GACGK,SADH,GAEGD,WAAW,CAACJ,KAHR,CANV;AAYC,kBAAaI,WAAW,CAACN;AAZ1B,IADC,CADH,CAFD,CADD;AAuBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';\n\nconst BORDER_STYLES = [\n\t{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },\n\t{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },\n\t{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },\n];\n\n/**\n * Control to display border style options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Handler for changing border style selection.\n * @param {string}   props.value    Currently selected border style value.\n *\n * @return {WPElement} Custom border style segmented control.\n */\nexport default function BorderStyleControl( { onChange, value } ) {\n\treturn (\n\t\t<fieldset className=\"components-border-style-control\">\n\t\t\t<legend>{ __( 'Style' ) }</legend>\n\t\t\t<div className=\"components-border-style-control__buttons\">\n\t\t\t\t{ BORDER_STYLES.map( ( borderStyle ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ borderStyle.value }\n\t\t\t\t\t\ticon={ borderStyle.icon }\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tisPressed={ borderStyle.value === value }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tborderStyle.value === value\n\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t: borderStyle.value\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ borderStyle.label }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n}\n"]}

package/build-module/components/button-block-appender/index.js

@@ -19,23 +19,25 @@ import deprecated from '@wordpress/deprecated';
 
 import Inserter from '../inserter';
 
-function ButtonBlockAppender({
-  rootClientId,
-  className,
-  onFocus,
-  tabIndex
-}, ref) {
+function ButtonBlockAppender(_ref, ref) {
+  let {
+    rootClientId,
+    className,
+    onFocus,
+    tabIndex
+  } = _ref;
   return createElement(Inserter, {
     position: "bottom center",
     rootClientId: rootClientId,
     __experimentalIsQuick: true,
-    renderToggle: ({
-      onToggle,
-      disabled,
-      isOpen,
-      blockTitle,
-      hasSingleBlockType
-    }) => {
+    renderToggle: _ref2 => {
+      let {
+        onToggle,
+        disabled,
+        isOpen,
+        blockTitle,
+        hasSingleBlockType
+      } = _ref2;
       let label;
 
       if (hasSingleBlockType) {

package/build-module/components/button-block-appender/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/button-block-appender/index.js"],"names":["classnames","Button","Tooltip","VisuallyHidden","forwardRef","_x","sprintf","Icon","plus","deprecated","Inserter","ButtonBlockAppender","rootClientId","className","onFocus","tabIndex","ref","onToggle","disabled","isOpen","blockTitle","hasSingleBlockType","label","isToggleButton","inserterButton","undefined","ButtonBlockerAppender","props","alternative"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,OAAjB,EAA0BC,cAA1B,QAAgD,uBAAhD;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,kBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,SAASC,mBAAT,CACC;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA,SAAhB;AAA2BC,EAAAA,OAA3B;AAAoCC,EAAAA;AAApC,CADD,EAECC,GAFD,EAGE;AACD,SACC,cAAC,QAAD;AACC,IAAA,QAAQ,EAAC,eADV;AAEC,IAAA,YAAY,EAAGJ,YAFhB;AAGC,IAAA,qBAAqB,MAHtB;AAIC,IAAA,YAAY,EAAG,CAAE;AAChBK,MAAAA,QADgB;AAEhBC,MAAAA,QAFgB;AAGhBC,MAAAA,MAHgB;AAIhBC,MAAAA,UAJgB;AAKhBC,MAAAA;AALgB,KAAF,KAMR;AACN,UAAIC,KAAJ;;AACA,UAAKD,kBAAL,EAA0B;AACzBC,QAAAA,KAAK,GAAGhB,OAAO,EACd;AACAD,QAAAA,EAAE,CAAE,QAAF,EAAY,qCAAZ,CAFY,EAGde,UAHc,CAAf;AAKA,OAND,MAMO;AACNE,QAAAA,KAAK,GAAGjB,EAAE,CACT,WADS,EAET,yCAFS,CAAV;AAIA;;AACD,YAAMkB,cAAc,GAAG,CAAEF,kBAAzB;AAEA,UAAIG,cAAc,GACjB,cAAC,MAAD;AACC,QAAA,GAAG,EAAGR,GADP;AAEC,QAAA,OAAO,EAAGF,OAFX;AAGC,QAAA,QAAQ,EAAGC,QAHZ;AAIC,QAAA,SAAS,EAAGf,UAAU,CACrBa,SADqB,EAErB,oCAFqB,CAJvB;AAQC,QAAA,OAAO,EAAGI,QARX;AASC,yBAAgBM,cAAc,GAAG,MAAH,GAAYE,SAT3C;AAUC,yBAAgBF,cAAc,GAAGJ,MAAH,GAAYM,SAV3C;AAWC,QAAA,QAAQ,EAAGP,QAXZ;AAYC,QAAA,KAAK,EAAGI;AAZT,SAcG,CAAED,kBAAF,IACD,cAAC,cAAD;AAAgB,QAAA,EAAE,EAAC;AAAnB,SAA4BC,KAA5B,CAfF,EAiBC,cAAC,IAAD;AAAM,QAAA,IAAI,EAAGd;AAAb,QAjBD,CADD;;AAsBA,UAAKe,cAAc,IAAIF,kBAAvB,EAA4C;AAC3CG,QAAAA,cAAc,GACb,cAAC,OAAD;AAAS,UAAA,IAAI,EAAGF;AAAhB,WAA0BE,cAA1B,CADD;AAGA;;AACD,aAAOA,cAAP;AACA,KAtDF;AAuDC,IAAA,UAAU;AAvDX,IADD;AA2DA;AAED;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,qBAAqB,GAAGtB,UAAU,CAAE,CAAEuB,KAAF,EAASX,GAAT,KAAkB;AAClEP,EAAAA,UAAU,CAAG,sCAAH,EAA0C;AACnDmB,IAAAA,WAAW,EAAE;AADsC,GAA1C,CAAV;AAIA,SAAOjB,mBAAmB,CAAEgB,KAAF,EAASX,GAAT,CAA1B;AACA,CAN8C,CAAxC;AAQP;AACA;AACA;;AACA,eAAeZ,UAAU,CAAEO,mBAAF,CAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Tooltip, VisuallyHidden } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tlet label;\n\t\t\t\tif ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet inserterButton = (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! hasSingleBlockType && (\n\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">{ label }</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\n\t\t\t\tif ( isToggleButton || hasSingleBlockType ) {\n\t\t\t\t\tinserterButton = (\n\t\t\t\t\t\t<Tooltip text={ label }>{ inserterButton }</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn inserterButton;\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/button-block-appender/index.js"],"names":["classnames","Button","Tooltip","VisuallyHidden","forwardRef","_x","sprintf","Icon","plus","deprecated","Inserter","ButtonBlockAppender","ref","rootClientId","className","onFocus","tabIndex","onToggle","disabled","isOpen","blockTitle","hasSingleBlockType","label","isToggleButton","inserterButton","undefined","ButtonBlockerAppender","props","alternative"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,OAAjB,EAA0BC,cAA1B,QAAgD,uBAAhD;AACA,SAASC,UAAT,QAA2B,oBAA3B;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,kBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,aAArB;;AAEA,SAASC,mBAAT,OAECC,GAFD,EAGE;AAAA,MAFD;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,SAAhB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA;AAApC,GAEC;AACD,SACC,cAAC,QAAD;AACC,IAAA,QAAQ,EAAC,eADV;AAEC,IAAA,YAAY,EAAGH,YAFhB;AAGC,IAAA,qBAAqB,MAHtB;AAIC,IAAA,YAAY,EAAG,SAMR;AAAA,UANU;AAChBI,QAAAA,QADgB;AAEhBC,QAAAA,QAFgB;AAGhBC,QAAAA,MAHgB;AAIhBC,QAAAA,UAJgB;AAKhBC,QAAAA;AALgB,OAMV;AACN,UAAIC,KAAJ;;AACA,UAAKD,kBAAL,EAA0B;AACzBC,QAAAA,KAAK,GAAGhB,OAAO,EACd;AACAD,QAAAA,EAAE,CAAE,QAAF,EAAY,qCAAZ,CAFY,EAGde,UAHc,CAAf;AAKA,OAND,MAMO;AACNE,QAAAA,KAAK,GAAGjB,EAAE,CACT,WADS,EAET,yCAFS,CAAV;AAIA;;AACD,YAAMkB,cAAc,GAAG,CAAEF,kBAAzB;AAEA,UAAIG,cAAc,GACjB,cAAC,MAAD;AACC,QAAA,GAAG,EAAGZ,GADP;AAEC,QAAA,OAAO,EAAGG,OAFX;AAGC,QAAA,QAAQ,EAAGC,QAHZ;AAIC,QAAA,SAAS,EAAGhB,UAAU,CACrBc,SADqB,EAErB,oCAFqB,CAJvB;AAQC,QAAA,OAAO,EAAGG,QARX;AASC,yBAAgBM,cAAc,GAAG,MAAH,GAAYE,SAT3C;AAUC,yBAAgBF,cAAc,GAAGJ,MAAH,GAAYM,SAV3C;AAWC,QAAA,QAAQ,EAAGP,QAXZ;AAYC,QAAA,KAAK,EAAGI;AAZT,SAcG,CAAED,kBAAF,IACD,cAAC,cAAD;AAAgB,QAAA,EAAE,EAAC;AAAnB,SAA4BC,KAA5B,CAfF,EAiBC,cAAC,IAAD;AAAM,QAAA,IAAI,EAAGd;AAAb,QAjBD,CADD;;AAsBA,UAAKe,cAAc,IAAIF,kBAAvB,EAA4C;AAC3CG,QAAAA,cAAc,GACb,cAAC,OAAD;AAAS,UAAA,IAAI,EAAGF;AAAhB,WAA0BE,cAA1B,CADD;AAGA;;AACD,aAAOA,cAAP;AACA,KAtDF;AAuDC,IAAA,UAAU;AAvDX,IADD;AA2DA;AAED;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,qBAAqB,GAAGtB,UAAU,CAAE,CAAEuB,KAAF,EAASf,GAAT,KAAkB;AAClEH,EAAAA,UAAU,CAAG,sCAAH,EAA0C;AACnDmB,IAAAA,WAAW,EAAE;AADsC,GAA1C,CAAV;AAIA,SAAOjB,mBAAmB,CAAEgB,KAAF,EAASf,GAAT,CAA1B;AACA,CAN8C,CAAxC;AAQP;AACA;AACA;;AACA,eAAeR,UAAU,CAAEO,mBAAF,CAAzB","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button, Tooltip, VisuallyHidden } from '@wordpress/components';\nimport { forwardRef } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\nimport { Icon, plus } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\n\nfunction ButtonBlockAppender(\n\t{ rootClientId, className, onFocus, tabIndex },\n\tref\n) {\n\treturn (\n\t\t<Inserter\n\t\t\tposition=\"bottom center\"\n\t\t\trootClientId={ rootClientId }\n\t\t\t__experimentalIsQuick\n\t\t\trenderToggle={ ( {\n\t\t\t\tonToggle,\n\t\t\t\tdisabled,\n\t\t\t\tisOpen,\n\t\t\t\tblockTitle,\n\t\t\t\thasSingleBlockType,\n\t\t\t} ) => {\n\t\t\t\tlet label;\n\t\t\t\tif ( hasSingleBlockType ) {\n\t\t\t\t\tlabel = sprintf(\n\t\t\t\t\t\t// translators: %s: the name of the block when there is only one\n\t\t\t\t\t\t_x( 'Add %s', 'directly add the only allowed block' ),\n\t\t\t\t\t\tblockTitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tlabel = _x(\n\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tconst isToggleButton = ! hasSingleBlockType;\n\n\t\t\t\tlet inserterButton = (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\t\ttabIndex={ tabIndex }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t'block-editor-button-block-appender'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup={ isToggleButton ? 'true' : undefined }\n\t\t\t\t\t\taria-expanded={ isToggleButton ? isOpen : undefined }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! hasSingleBlockType && (\n\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">{ label }</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ plus } />\n\t\t\t\t\t</Button>\n\t\t\t\t);\n\n\t\t\t\tif ( isToggleButton || hasSingleBlockType ) {\n\t\t\t\t\tinserterButton = (\n\t\t\t\t\t\t<Tooltip text={ label }>{ inserterButton }</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn inserterButton;\n\t\t\t} }\n\t\t\tisAppender\n\t\t/>\n\t);\n}\n\n/**\n * Use `ButtonBlockAppender` instead.\n *\n * @deprecated\n */\nexport const ButtonBlockerAppender = forwardRef( ( props, ref ) => {\n\tdeprecated( `wp.blockEditor.ButtonBlockerAppender`, {\n\t\talternative: 'wp.blockEditor.ButtonBlockAppender',\n\t} );\n\n\treturn ButtonBlockAppender( props, ref );\n} );\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default forwardRef( ButtonBlockAppender );\n"]}

package/build-module/components/button-block-appender/index.native.js

@@ -18,36 +18,40 @@ import { Icon, plusCircleFilled } from '@wordpress/icons';
 import Inserter from '../inserter';
 import styles from './styles.scss';
 
-function ButtonBlockAppender({
-  rootClientId,
-  getStylesFromColorScheme,
-  showSeparator,
-  isFloating = false,
-  onAddBlock
-}) {
+function ButtonBlockAppender(_ref) {
+  let {
+    rootClientId,
+    getStylesFromColorScheme,
+    showSeparator,
+    isFloating = false,
+    onAddBlock
+  } = _ref;
   const appenderStyle = { ...styles.appender,
     ...getStylesFromColorScheme(styles.appenderLight, styles.appenderDark)
   };
   const addBlockButtonStyle = getStylesFromColorScheme(styles.addBlockButton, isFloating ? styles.floatingAddBlockButtonDark : styles.addBlockButtonDark);
   return createElement(Fragment, null, createElement(Inserter, {
     rootClientId: rootClientId,
-    renderToggle: ({
-      onToggle,
-      disabled,
-      isOpen
-    }) => createElement(Button, {
-      onClick: onAddBlock || onToggle,
-      "aria-expanded": isOpen,
-      disabled: disabled,
-      fixedRatio: false
-    }, createElement(View, {
-      style: [appenderStyle, isFloating && styles.floatingAppender]
-    }, createElement(Icon, {
-      icon: plusCircleFilled,
-      style: addBlockButtonStyle,
-      color: addBlockButtonStyle.color,
-      size: addBlockButtonStyle.size
-    }))),
+    renderToggle: _ref2 => {
+      let {
+        onToggle,
+        disabled,
+        isOpen
+      } = _ref2;
+      return createElement(Button, {
+        onClick: onAddBlock || onToggle,
+        "aria-expanded": isOpen,
+        disabled: disabled,
+        fixedRatio: false
+      }, createElement(View, {
+        style: [appenderStyle, isFloating && styles.floatingAppender]
+      }, createElement(Icon, {
+        icon: plusCircleFilled,
+        style: addBlockButtonStyle,
+        color: addBlockButtonStyle.color,
+        size: addBlockButtonStyle.size
+      })));
+    },
     isAppender: true,
     showSeparator: showSeparator
   }));

package/build-module/components/button-block-appender/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/button-block-appender/index.native.js"],"names":["View","withPreferredColorScheme","Button","Icon","plusCircleFilled","Inserter","styles","ButtonBlockAppender","rootClientId","getStylesFromColorScheme","showSeparator","isFloating","onAddBlock","appenderStyle","appender","appenderLight","appenderDark","addBlockButtonStyle","addBlockButton","floatingAddBlockButtonDark","addBlockButtonDark","onToggle","disabled","isOpen","floatingAppender","color","size"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,IAAT,EAAeC,gBAAf,QAAuC,kBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,SAASC,mBAAT,CAA8B;AAC7BC,EAAAA,YAD6B;AAE7BC,EAAAA,wBAF6B;AAG7BC,EAAAA,aAH6B;AAI7BC,EAAAA,UAAU,GAAG,KAJgB;AAK7BC,EAAAA;AAL6B,CAA9B,EAMI;AACH,QAAMC,aAAa,GAAG,EACrB,GAAGP,MAAM,CAACQ,QADW;AAErB,OAAGL,wBAAwB,CAC1BH,MAAM,CAACS,aADmB,EAE1BT,MAAM,CAACU,YAFmB;AAFN,GAAtB;AAOA,QAAMC,mBAAmB,GAAGR,wBAAwB,CACnDH,MAAM,CAACY,cAD4C,EAEnDP,UAAU,GACPL,MAAM,CAACa,0BADA,GAEPb,MAAM,CAACc,kBAJyC,CAApD;AAOA,SACC,8BACC,cAAC,QAAD;AACC,IAAA,YAAY,EAAGZ,YADhB;AAEC,IAAA,YAAY,EAAG,CAAE;AAAEa,MAAAA,QAAF;AAAYC,MAAAA,QAAZ;AAAsBC,MAAAA;AAAtB,KAAF,KACd,cAAC,MAAD;AACC,MAAA,OAAO,EAAGX,UAAU,IAAIS,QADzB;AAEC,uBAAgBE,MAFjB;AAGC,MAAA,QAAQ,EAAGD,QAHZ;AAIC,MAAA,UAAU,EAAG;AAJd,OAMC,cAAC,IAAD;AACC,MAAA,KAAK,EAAG,CACPT,aADO,EAEPF,UAAU,IAAIL,MAAM,CAACkB,gBAFd;AADT,OAMC,cAAC,IAAD;AACC,MAAA,IAAI,EAAGpB,gBADR;AAEC,MAAA,KAAK,EAAGa,mBAFT;AAGC,MAAA,KAAK,EAAGA,mBAAmB,CAACQ,KAH7B;AAIC,MAAA,IAAI,EAAGR,mBAAmB,CAACS;AAJ5B,MAND,CAND,CAHF;AAwBC,IAAA,UAAU,MAxBX;AAyBC,IAAA,aAAa,EAAGhB;AAzBjB,IADD,CADD;AA+BA;AAED;AACA;AACA;;;AACA,eAAeT,wBAAwB,CAAEM,mBAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport styles from './styles.scss';\n\nfunction ButtonBlockAppender( {\n\trootClientId,\n\tgetStylesFromColorScheme,\n\tshowSeparator,\n\tisFloating = false,\n\tonAddBlock,\n} ) {\n\tconst appenderStyle = {\n\t\t...styles.appender,\n\t\t...getStylesFromColorScheme(\n\t\t\tstyles.appenderLight,\n\t\t\tstyles.appenderDark\n\t\t),\n\t};\n\tconst addBlockButtonStyle = getStylesFromColorScheme(\n\t\tstyles.addBlockButton,\n\t\tisFloating\n\t\t\t? styles.floatingAddBlockButtonDark\n\t\t\t: styles.addBlockButtonDark\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderToggle={ ( { onToggle, disabled, isOpen } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ onAddBlock || onToggle }\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tfixedRatio={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tappenderStyle,\n\t\t\t\t\t\t\t\tisFloating && styles.floatingAppender,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\t\tstyle={ addBlockButtonStyle }\n\t\t\t\t\t\t\t\tcolor={ addBlockButtonStyle.color }\n\t\t\t\t\t\t\t\tsize={ addBlockButtonStyle.size }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\tisAppender\n\t\t\t\tshowSeparator={ showSeparator }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default withPreferredColorScheme( ButtonBlockAppender );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/button-block-appender/index.native.js"],"names":["View","withPreferredColorScheme","Button","Icon","plusCircleFilled","Inserter","styles","ButtonBlockAppender","rootClientId","getStylesFromColorScheme","showSeparator","isFloating","onAddBlock","appenderStyle","appender","appenderLight","appenderDark","addBlockButtonStyle","addBlockButton","floatingAddBlockButtonDark","addBlockButtonDark","onToggle","disabled","isOpen","floatingAppender","color","size"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,IAAT,EAAeC,gBAAf,QAAuC,kBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,SAASC,mBAAT,OAMI;AAAA,MAN0B;AAC7BC,IAAAA,YAD6B;AAE7BC,IAAAA,wBAF6B;AAG7BC,IAAAA,aAH6B;AAI7BC,IAAAA,UAAU,GAAG,KAJgB;AAK7BC,IAAAA;AAL6B,GAM1B;AACH,QAAMC,aAAa,GAAG,EACrB,GAAGP,MAAM,CAACQ,QADW;AAErB,OAAGL,wBAAwB,CAC1BH,MAAM,CAACS,aADmB,EAE1BT,MAAM,CAACU,YAFmB;AAFN,GAAtB;AAOA,QAAMC,mBAAmB,GAAGR,wBAAwB,CACnDH,MAAM,CAACY,cAD4C,EAEnDP,UAAU,GACPL,MAAM,CAACa,0BADA,GAEPb,MAAM,CAACc,kBAJyC,CAApD;AAOA,SACC,8BACC,cAAC,QAAD;AACC,IAAA,YAAY,EAAGZ,YADhB;AAEC,IAAA,YAAY,EAAG;AAAA,UAAE;AAAEa,QAAAA,QAAF;AAAYC,QAAAA,QAAZ;AAAsBC,QAAAA;AAAtB,OAAF;AAAA,aACd,cAAC,MAAD;AACC,QAAA,OAAO,EAAGX,UAAU,IAAIS,QADzB;AAEC,yBAAgBE,MAFjB;AAGC,QAAA,QAAQ,EAAGD,QAHZ;AAIC,QAAA,UAAU,EAAG;AAJd,SAMC,cAAC,IAAD;AACC,QAAA,KAAK,EAAG,CACPT,aADO,EAEPF,UAAU,IAAIL,MAAM,CAACkB,gBAFd;AADT,SAMC,cAAC,IAAD;AACC,QAAA,IAAI,EAAGpB,gBADR;AAEC,QAAA,KAAK,EAAGa,mBAFT;AAGC,QAAA,KAAK,EAAGA,mBAAmB,CAACQ,KAH7B;AAIC,QAAA,IAAI,EAAGR,mBAAmB,CAACS;AAJ5B,QAND,CAND,CADc;AAAA,KAFhB;AAwBC,IAAA,UAAU,MAxBX;AAyBC,IAAA,aAAa,EAAGhB;AAzBjB,IADD,CADD;AA+BA;AAED;AACA;AACA;;;AACA,eAAeT,wBAAwB,CAAEM,mBAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { Icon, plusCircleFilled } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport styles from './styles.scss';\n\nfunction ButtonBlockAppender( {\n\trootClientId,\n\tgetStylesFromColorScheme,\n\tshowSeparator,\n\tisFloating = false,\n\tonAddBlock,\n} ) {\n\tconst appenderStyle = {\n\t\t...styles.appender,\n\t\t...getStylesFromColorScheme(\n\t\t\tstyles.appenderLight,\n\t\t\tstyles.appenderDark\n\t\t),\n\t};\n\tconst addBlockButtonStyle = getStylesFromColorScheme(\n\t\tstyles.addBlockButton,\n\t\tisFloating\n\t\t\t? styles.floatingAddBlockButtonDark\n\t\t\t: styles.addBlockButtonDark\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\trenderToggle={ ( { onToggle, disabled, isOpen } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ onAddBlock || onToggle }\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tfixedRatio={ false }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tappenderStyle,\n\t\t\t\t\t\t\t\tisFloating && styles.floatingAppender,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ plusCircleFilled }\n\t\t\t\t\t\t\t\tstyle={ addBlockButtonStyle }\n\t\t\t\t\t\t\t\tcolor={ addBlockButtonStyle.color }\n\t\t\t\t\t\t\t\tsize={ addBlockButtonStyle.size }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\tisAppender\n\t\t\t\tshowSeparator={ showSeparator }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/button-block-appender/README.md\n */\nexport default withPreferredColorScheme( ButtonBlockAppender );\n"]}

package/build-module/components/caption/index.native.js

@@ -12,47 +12,50 @@ import { createBlock } from '@wordpress/blocks';
 import { RichText } from '@wordpress/block-editor';
 import { __ } from '@wordpress/i18n';
 
-const Caption = ({
-  accessibilityLabelCreator,
-  accessible,
-  inlineToolbar,
-  isSelected,
-  onBlur,
-  onChange,
-  onFocus,
-  placeholder = __('Add caption'),
-  placeholderTextColor,
-  shouldDisplay = true,
-  style,
-  value,
-  insertBlocksAfter = () => {}
-}) => createElement(View, {
-  accessibilityLabel: accessibilityLabelCreator ? accessibilityLabelCreator(value) : undefined,
-  accessibilityRole: "button",
-  accessible: accessible,
-  style: {
-    flex: 1,
-    display: shouldDisplay ? 'flex' : 'none'
-  }
-}, createElement(RichText, {
-  __unstableMobileNoFocusOnMount: true,
-  fontSize: style && style.fontSize ? style.fontSize : 14,
-  inlineToolbar: inlineToolbar,
-  isSelected: isSelected,
-  onBlur: onBlur,
-  onChange: onChange,
-  placeholder: placeholder,
-  placeholderTextColor: placeholderTextColor,
-  rootTagsToEliminate: ['p'],
-  style: style,
-  tagName: "p",
-  textAlign: "center",
-  underlineColorAndroid: "transparent",
-  unstableOnFocus: onFocus,
-  value: value,
-  __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock('core/paragraph')),
-  deleteEnter: true
-}));
+const Caption = _ref => {
+  let {
+    accessibilityLabelCreator,
+    accessible,
+    inlineToolbar,
+    isSelected,
+    onBlur,
+    onChange,
+    onFocus,
+    placeholder = __('Add caption'),
+    placeholderTextColor,
+    shouldDisplay = true,
+    style,
+    value,
+    insertBlocksAfter = () => {}
+  } = _ref;
+  return createElement(View, {
+    accessibilityLabel: accessibilityLabelCreator ? accessibilityLabelCreator(value) : undefined,
+    accessibilityRole: "button",
+    accessible: accessible,
+    style: {
+      flex: 1,
+      display: shouldDisplay ? 'flex' : 'none'
+    }
+  }, createElement(RichText, {
+    __unstableMobileNoFocusOnMount: true,
+    fontSize: style && style.fontSize ? style.fontSize : 14,
+    inlineToolbar: inlineToolbar,
+    isSelected: isSelected,
+    onBlur: onBlur,
+    onChange: onChange,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderTextColor,
+    rootTagsToEliminate: ['p'],
+    style: style,
+    tagName: "p",
+    textAlign: "center",
+    underlineColorAndroid: "transparent",
+    unstableOnFocus: onFocus,
+    value: value,
+    __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock('core/paragraph')),
+    deleteEnter: true
+  }));
+};
 
 export default Caption;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/caption/index.native.js"],"names":["View","createBlock","RichText","__","Caption","accessibilityLabelCreator","accessible","inlineToolbar","isSelected","onBlur","onChange","onFocus","placeholder","placeholderTextColor","shouldDisplay","style","value","insertBlocksAfter","undefined","flex","display","fontSize"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,QAAT,QAAyB,yBAAzB;AACA,SAASC,EAAT,QAAmB,iBAAnB;;AAEA,MAAMC,OAAO,GAAG,CAAE;AACjBC,EAAAA,yBADiB;AAEjBC,EAAAA,UAFiB;AAGjBC,EAAAA,aAHiB;AAIjBC,EAAAA,UAJiB;AAKjBC,EAAAA,MALiB;AAMjBC,EAAAA,QANiB;AAOjBC,EAAAA,OAPiB;AAQjBC,EAAAA,WAAW,GAAGT,EAAE,CAAE,aAAF,CARC;AASjBU,EAAAA,oBATiB;AAUjBC,EAAAA,aAAa,GAAG,IAVC;AAWjBC,EAAAA,KAXiB;AAYjBC,EAAAA,KAZiB;AAajBC,EAAAA,iBAAiB,GAAG,MAAM,CAAE;AAbX,CAAF,KAef,cAAC,IAAD;AACC,EAAA,kBAAkB,EACjBZ,yBAAyB,GACtBA,yBAAyB,CAAEW,KAAF,CADH,GAEtBE,SAJL;AAMC,EAAA,iBAAiB,EAAC,QANnB;AAOC,EAAA,UAAU,EAAGZ,UAPd;AAQC,EAAA,KAAK,EAAG;AAAEa,IAAAA,IAAI,EAAE,CAAR;AAAWC,IAAAA,OAAO,EAAEN,aAAa,GAAG,MAAH,GAAY;AAA7C;AART,GAUC,cAAC,QAAD;AACC,EAAA,8BAA8B,MAD/B;AAEC,EAAA,QAAQ,EAAGC,KAAK,IAAIA,KAAK,CAACM,QAAf,GAA0BN,KAAK,CAACM,QAAhC,GAA2C,EAFvD;AAGC,EAAA,aAAa,EAAGd,aAHjB;AAIC,EAAA,UAAU,EAAGC,UAJd;AAKC,EAAA,MAAM,EAAGC,MALV;AAMC,EAAA,QAAQ,EAAGC,QANZ;AAOC,EAAA,WAAW,EAAGE,WAPf;AAQC,EAAA,oBAAoB,EAAGC,oBARxB;AASC,EAAA,mBAAmB,EAAG,CAAE,GAAF,CATvB;AAUC,EAAA,KAAK,EAAGE,KAVT;AAWC,EAAA,OAAO,EAAC,GAXT;AAYC,EAAA,SAAS,EAAC,QAZX;AAaC,EAAA,qBAAqB,EAAC,aAbvB;AAcC,EAAA,eAAe,EAAGJ,OAdnB;AAeC,EAAA,KAAK,EAAGK,KAfT;AAgBC,EAAA,sBAAsB,EAAG,MACxBC,iBAAiB,CAAEhB,WAAW,CAAE,gBAAF,CAAb,CAjBnB;AAmBC,EAAA,WAAW,EAAG;AAnBf,EAVD,CAfD;;AAiDA,eAAeG,OAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { RichText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\nconst Caption = ( {\n\taccessibilityLabelCreator,\n\taccessible,\n\tinlineToolbar,\n\tisSelected,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tplaceholder = __( 'Add caption' ),\n\tplaceholderTextColor,\n\tshouldDisplay = true,\n\tstyle,\n\tvalue,\n\tinsertBlocksAfter = () => {},\n} ) => (\n\t<View\n\t\taccessibilityLabel={\n\t\t\taccessibilityLabelCreator\n\t\t\t\t? accessibilityLabelCreator( value )\n\t\t\t\t: undefined\n\t\t}\n\t\taccessibilityRole=\"button\"\n\t\taccessible={ accessible }\n\t\tstyle={ { flex: 1, display: shouldDisplay ? 'flex' : 'none' } }\n\t>\n\t\t<RichText\n\t\t\t__unstableMobileNoFocusOnMount\n\t\t\tfontSize={ style && style.fontSize ? style.fontSize : 14 }\n\t\t\tinlineToolbar={ inlineToolbar }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tplaceholder={ placeholder }\n\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\trootTagsToEliminate={ [ 'p' ] }\n\t\t\tstyle={ style }\n\t\t\ttagName=\"p\"\n\t\t\ttextAlign=\"center\"\n\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\tunstableOnFocus={ onFocus }\n\t\t\tvalue={ value }\n\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\tinsertBlocksAfter( createBlock( 'core/paragraph' ) )\n\t\t\t}\n\t\t\tdeleteEnter={ true }\n\t\t/>\n\t</View>\n);\n\nexport default Caption;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/caption/index.native.js"],"names":["View","createBlock","RichText","__","Caption","accessibilityLabelCreator","accessible","inlineToolbar","isSelected","onBlur","onChange","onFocus","placeholder","placeholderTextColor","shouldDisplay","style","value","insertBlocksAfter","undefined","flex","display","fontSize"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,cAArB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,QAAT,QAAyB,yBAAzB;AACA,SAASC,EAAT,QAAmB,iBAAnB;;AAEA,MAAMC,OAAO,GAAG;AAAA,MAAE;AACjBC,IAAAA,yBADiB;AAEjBC,IAAAA,UAFiB;AAGjBC,IAAAA,aAHiB;AAIjBC,IAAAA,UAJiB;AAKjBC,IAAAA,MALiB;AAMjBC,IAAAA,QANiB;AAOjBC,IAAAA,OAPiB;AAQjBC,IAAAA,WAAW,GAAGT,EAAE,CAAE,aAAF,CARC;AASjBU,IAAAA,oBATiB;AAUjBC,IAAAA,aAAa,GAAG,IAVC;AAWjBC,IAAAA,KAXiB;AAYjBC,IAAAA,KAZiB;AAajBC,IAAAA,iBAAiB,GAAG,MAAM,CAAE;AAbX,GAAF;AAAA,SAef,cAAC,IAAD;AACC,IAAA,kBAAkB,EACjBZ,yBAAyB,GACtBA,yBAAyB,CAAEW,KAAF,CADH,GAEtBE,SAJL;AAMC,IAAA,iBAAiB,EAAC,QANnB;AAOC,IAAA,UAAU,EAAGZ,UAPd;AAQC,IAAA,KAAK,EAAG;AAAEa,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,OAAO,EAAEN,aAAa,GAAG,MAAH,GAAY;AAA7C;AART,KAUC,cAAC,QAAD;AACC,IAAA,8BAA8B,MAD/B;AAEC,IAAA,QAAQ,EAAGC,KAAK,IAAIA,KAAK,CAACM,QAAf,GAA0BN,KAAK,CAACM,QAAhC,GAA2C,EAFvD;AAGC,IAAA,aAAa,EAAGd,aAHjB;AAIC,IAAA,UAAU,EAAGC,UAJd;AAKC,IAAA,MAAM,EAAGC,MALV;AAMC,IAAA,QAAQ,EAAGC,QANZ;AAOC,IAAA,WAAW,EAAGE,WAPf;AAQC,IAAA,oBAAoB,EAAGC,oBARxB;AASC,IAAA,mBAAmB,EAAG,CAAE,GAAF,CATvB;AAUC,IAAA,KAAK,EAAGE,KAVT;AAWC,IAAA,OAAO,EAAC,GAXT;AAYC,IAAA,SAAS,EAAC,QAZX;AAaC,IAAA,qBAAqB,EAAC,aAbvB;AAcC,IAAA,eAAe,EAAGJ,OAdnB;AAeC,IAAA,KAAK,EAAGK,KAfT;AAgBC,IAAA,sBAAsB,EAAG,MACxBC,iBAAiB,CAAEhB,WAAW,CAAE,gBAAF,CAAb,CAjBnB;AAmBC,IAAA,WAAW,EAAG;AAnBf,IAVD,CAfe;AAAA,CAAhB;;AAiDA,eAAeG,OAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { RichText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\nconst Caption = ( {\n\taccessibilityLabelCreator,\n\taccessible,\n\tinlineToolbar,\n\tisSelected,\n\tonBlur,\n\tonChange,\n\tonFocus,\n\tplaceholder = __( 'Add caption' ),\n\tplaceholderTextColor,\n\tshouldDisplay = true,\n\tstyle,\n\tvalue,\n\tinsertBlocksAfter = () => {},\n} ) => (\n\t<View\n\t\taccessibilityLabel={\n\t\t\taccessibilityLabelCreator\n\t\t\t\t? accessibilityLabelCreator( value )\n\t\t\t\t: undefined\n\t\t}\n\t\taccessibilityRole=\"button\"\n\t\taccessible={ accessible }\n\t\tstyle={ { flex: 1, display: shouldDisplay ? 'flex' : 'none' } }\n\t>\n\t\t<RichText\n\t\t\t__unstableMobileNoFocusOnMount\n\t\t\tfontSize={ style && style.fontSize ? style.fontSize : 14 }\n\t\t\tinlineToolbar={ inlineToolbar }\n\t\t\tisSelected={ isSelected }\n\t\t\tonBlur={ onBlur }\n\t\t\tonChange={ onChange }\n\t\t\tplaceholder={ placeholder }\n\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\trootTagsToEliminate={ [ 'p' ] }\n\t\t\tstyle={ style }\n\t\t\ttagName=\"p\"\n\t\t\ttextAlign=\"center\"\n\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\tunstableOnFocus={ onFocus }\n\t\t\tvalue={ value }\n\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\tinsertBlocksAfter( createBlock( 'core/paragraph' ) )\n\t\t\t}\n\t\t\tdeleteEnter={ true }\n\t\t/>\n\t</View>\n);\n\nexport default Caption;\n"]}

package/build-module/components/color-palette/control.js

@@ -5,11 +5,12 @@ import { createElement } from "@wordpress/element";
  * Internal dependencies
  */
 import ColorGradientControl from '../colors-gradients/control';
-export default function ColorPaletteControl({
-  onChange,
-  value,
-  ...otherProps
-}) {
+export default function ColorPaletteControl(_ref) {
+  let {
+    onChange,
+    value,
+    ...otherProps
+  } = _ref;
   return createElement(ColorGradientControl, _extends({}, otherProps, {
     onColorChange: onChange,
     colorValue: value,

package/build-module/components/color-palette/control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/color-palette/control.js"],"names":["ColorGradientControl","ColorPaletteControl","onChange","value","otherProps"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,oBAAP,MAAiC,6BAAjC;AAEA,eAAe,SAASC,mBAAT,CAA8B;AAC5CC,EAAAA,QAD4C;AAE5CC,EAAAA,KAF4C;AAG5C,KAAGC;AAHyC,CAA9B,EAIX;AACH,SACC,cAAC,oBAAD,eACMA,UADN;AAEC,IAAA,aAAa,EAAGF,QAFjB;AAGC,IAAA,UAAU,EAAGC,KAHd;AAIC,IAAA,SAAS,EAAG,EAJb;AAKC,IAAA,sBAAsB,EAAG;AAL1B,KADD;AASA","sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\n\nexport default function ColorPaletteControl( {\n\tonChange,\n\tvalue,\n\t...otherProps\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...otherProps }\n\t\t\tonColorChange={ onChange }\n\t\t\tcolorValue={ value }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients={ true }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/color-palette/control.js"],"names":["ColorGradientControl","ColorPaletteControl","onChange","value","otherProps"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,oBAAP,MAAiC,6BAAjC;AAEA,eAAe,SAASC,mBAAT,OAIX;AAAA,MAJyC;AAC5CC,IAAAA,QAD4C;AAE5CC,IAAAA,KAF4C;AAG5C,OAAGC;AAHyC,GAIzC;AACH,SACC,cAAC,oBAAD,eACMA,UADN;AAEC,IAAA,aAAa,EAAGF,QAFjB;AAGC,IAAA,UAAU,EAAGC,KAHd;AAIC,IAAA,SAAS,EAAG,EAJb;AAKC,IAAA,sBAAsB,EAAG;AAL1B,KADD;AASA","sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorGradientControl from '../colors-gradients/control';\n\nexport default function ColorPaletteControl( {\n\tonChange,\n\tvalue,\n\t...otherProps\n} ) {\n\treturn (\n\t\t<ColorGradientControl\n\t\t\t{ ...otherProps }\n\t\t\tonColorChange={ onChange }\n\t\t\tcolorValue={ value }\n\t\t\tgradients={ [] }\n\t\t\tdisableCustomGradients={ true }\n\t\t/>\n\t);\n}\n"]}

package/build-module/components/color-style-selector/index.js

@@ -24,10 +24,11 @@ const ColorSelectorSVGIcon = () => createElement(SVG, {
  */
 
 
-const ColorSelectorIcon = ({
-  style,
-  className
-}) => {
+const ColorSelectorIcon = _ref => {
+  let {
+    style,
+    className
+  } = _ref;
   return createElement("div", {
     className: "block-library-colors-selector__icon-container"
   }, createElement("div", {
@@ -46,39 +47,47 @@ const ColorSelectorIcon = ({
  */
 
 
-const renderToggleComponent = ({
-  TextColor,
-  BackgroundColor
-}) => ({
-  onToggle,
-  isOpen
-}) => {
-  const openOnArrowDown = event => {
-    if (!isOpen && event.keyCode === DOWN) {
-      event.preventDefault();
-      onToggle();
-    }
-  };
+const renderToggleComponent = _ref2 => {
+  let {
+    TextColor,
+    BackgroundColor
+  } = _ref2;
+  return _ref3 => {
+    let {
+      onToggle,
+      isOpen
+    } = _ref3;
+
+    const openOnArrowDown = event => {
+      if (!isOpen && event.keyCode === DOWN) {
+        event.preventDefault();
+        onToggle();
+      }
+    };
 
-  return createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-    className: "components-toolbar__control block-library-colors-selector__toggle",
-    label: __('Open Colors Selector'),
-    onClick: onToggle,
-    onKeyDown: openOnArrowDown,
-    icon: createElement(BackgroundColor, null, createElement(TextColor, null, createElement(ColorSelectorIcon, null)))
-  }));
+    return createElement(ToolbarGroup, null, createElement(ToolbarButton, {
+      className: "components-toolbar__control block-library-colors-selector__toggle",
+      label: __('Open Colors Selector'),
+      onClick: onToggle,
+      onKeyDown: openOnArrowDown,
+      icon: createElement(BackgroundColor, null, createElement(TextColor, null, createElement(ColorSelectorIcon, null)))
+    }));
+  };
 };
 
-const BlockColorsStyleSelector = ({
-  children,
-  ...other
-}) => createElement(Dropdown, {
-  position: "bottom right",
-  className: "block-library-colors-selector",
-  contentClassName: "block-library-colors-selector__popover",
-  renderToggle: renderToggleComponent(other),
-  renderContent: () => children
-});
+const BlockColorsStyleSelector = _ref4 => {
+  let {
+    children,
+    ...other
+  } = _ref4;
+  return createElement(Dropdown, {
+    position: "bottom right",
+    className: "block-library-colors-selector",
+    contentClassName: "block-library-colors-selector__popover",
+    renderToggle: renderToggleComponent(other),
+    renderContent: () => children
+  });
+};
 
 export default BlockColorsStyleSelector;
 //# sourceMappingURL=index.js.map

package/build-module/components/color-style-selector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/color-style-selector/index.js"],"names":["ToolbarButton","Dropdown","ToolbarGroup","SVG","Path","__","DOWN","ColorSelectorSVGIcon","ColorSelectorIcon","style","className","renderToggleComponent","TextColor","BackgroundColor","onToggle","isOpen","openOnArrowDown","event","keyCode","preventDefault","BlockColorsStyleSelector","children","other"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,aADD,EAECC,QAFD,EAGCC,YAHD,EAICC,GAJD,EAKCC,IALD,QAMO,uBANP;AAOA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,QAAqB,qBAArB;;AAEA,MAAMC,oBAAoB,GAAG,MAC5B,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,6BAAX;AAAyC,EAAA,OAAO,EAAC;AAAjD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADD;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,iBAAiB,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAF,KAA4B;AACrD,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,SAAS,EAAI,GAAGA,SAAW,iDAD5B;AAEC,IAAA,KAAK,EAAGD;AAFT,KAIC,cAAC,oBAAD,OAJD,CADD,CADD;AAUA,CAXD;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,qBAAqB,GAAG,CAAE;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAF,KAAsC,CAAE;AACrEC,EAAAA,QADqE;AAErEC,EAAAA;AAFqE,CAAF,KAG7D;AACN,QAAMC,eAAe,GAAKC,KAAF,IAAa;AACpC,QAAK,CAAEF,MAAF,IAAYE,KAAK,CAACC,OAAN,KAAkBZ,IAAnC,EAA0C;AACzCW,MAAAA,KAAK,CAACE,cAAN;AACAL,MAAAA,QAAQ;AACR;AACD,GALD;;AAOA,SACC,cAAC,YAAD,QACC,cAAC,aAAD;AACC,IAAA,SAAS,EAAC,mEADX;AAEC,IAAA,KAAK,EAAGT,EAAE,CAAE,sBAAF,CAFX;AAGC,IAAA,OAAO,EAAGS,QAHX;AAIC,IAAA,SAAS,EAAGE,eAJb;AAKC,IAAA,IAAI,EACH,cAAC,eAAD,QACC,cAAC,SAAD,QACC,cAAC,iBAAD,OADD,CADD;AANF,IADD,CADD;AAiBA,CA5BD;;AA8BA,MAAMI,wBAAwB,GAAG,CAAE;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAF,KAChC,cAAC,QAAD;AACC,EAAA,QAAQ,EAAC,cADV;AAEC,EAAA,SAAS,EAAC,+BAFX;AAGC,EAAA,gBAAgB,EAAC,wCAHlB;AAIC,EAAA,YAAY,EAAGX,qBAAqB,CAAEW,KAAF,CAJrC;AAKC,EAAA,aAAa,EAAG,MAAMD;AALvB,EADD;;AAUA,eAAeD,wBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarButton,\n\tDropdown,\n\tToolbarGroup,\n\tSVG,\n\tPath,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\n\nconst ColorSelectorSVGIcon = () => (\n\t<SVG xmlns=\"https://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n\t\t<Path d=\"M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z\" />\n\t</SVG>\n);\n\n/**\n * Color Selector Icon component.\n *\n * @param {Object} props           Component properties.\n * @param {Object} props.style     Style object.\n * @param {string} props.className Class name for component.\n *\n * @return {*} React Icon component.\n */\nconst ColorSelectorIcon = ( { style, className } ) => {\n\treturn (\n\t\t<div className=\"block-library-colors-selector__icon-container\">\n\t\t\t<div\n\t\t\t\tclassName={ `${ className } block-library-colors-selector__state-selection` }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t<ColorSelectorSVGIcon />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n/**\n * Renders the Colors Selector Toolbar with the icon button.\n *\n * @param {Object} props                 Component properties.\n * @param {Object} props.TextColor       Text color component that wraps icon.\n * @param {Object} props.BackgroundColor Background color component that wraps icon.\n *\n * @return {*} React toggle button component.\n */\nconst renderToggleComponent = ( { TextColor, BackgroundColor } ) => ( {\n\tonToggle,\n\tisOpen,\n} ) => {\n\tconst openOnArrowDown = ( event ) => {\n\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\tevent.preventDefault();\n\t\t\tonToggle();\n\t\t}\n\t};\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"components-toolbar__control block-library-colors-selector__toggle\"\n\t\t\t\tlabel={ __( 'Open Colors Selector' ) }\n\t\t\t\tonClick={ onToggle }\n\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\ticon={\n\t\t\t\t\t<BackgroundColor>\n\t\t\t\t\t\t<TextColor>\n\t\t\t\t\t\t\t<ColorSelectorIcon />\n\t\t\t\t\t\t</TextColor>\n\t\t\t\t\t</BackgroundColor>\n\t\t\t\t}\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n};\n\nconst BlockColorsStyleSelector = ( { children, ...other } ) => (\n\t<Dropdown\n\t\tposition=\"bottom right\"\n\t\tclassName=\"block-library-colors-selector\"\n\t\tcontentClassName=\"block-library-colors-selector__popover\"\n\t\trenderToggle={ renderToggleComponent( other ) }\n\t\trenderContent={ () => children }\n\t/>\n);\n\nexport default BlockColorsStyleSelector;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/color-style-selector/index.js"],"names":["ToolbarButton","Dropdown","ToolbarGroup","SVG","Path","__","DOWN","ColorSelectorSVGIcon","ColorSelectorIcon","style","className","renderToggleComponent","TextColor","BackgroundColor","onToggle","isOpen","openOnArrowDown","event","keyCode","preventDefault","BlockColorsStyleSelector","children","other"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,aADD,EAECC,QAFD,EAGCC,YAHD,EAICC,GAJD,EAKCC,IALD,QAMO,uBANP;AAOA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,IAAT,QAAqB,qBAArB;;AAEA,MAAMC,oBAAoB,GAAG,MAC5B,cAAC,GAAD;AAAK,EAAA,KAAK,EAAC,6BAAX;AAAyC,EAAA,OAAO,EAAC;AAAjD,GACC,cAAC,IAAD;AAAM,EAAA,CAAC,EAAC;AAAR,EADD,CADD;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,iBAAiB,GAAG,QAA4B;AAAA,MAA1B;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAA0B;AACrD,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,SAAS,EAAI,GAAGA,SAAW,iDAD5B;AAEC,IAAA,KAAK,EAAGD;AAFT,KAIC,cAAC,oBAAD,OAJD,CADD,CADD;AAUA,CAXD;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,qBAAqB,GAAG;AAAA,MAAE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAF;AAAA,SAAsC,SAG7D;AAAA,QAH+D;AACrEC,MAAAA,QADqE;AAErEC,MAAAA;AAFqE,KAG/D;;AACN,UAAMC,eAAe,GAAKC,KAAF,IAAa;AACpC,UAAK,CAAEF,MAAF,IAAYE,KAAK,CAACC,OAAN,KAAkBZ,IAAnC,EAA0C;AACzCW,QAAAA,KAAK,CAACE,cAAN;AACAL,QAAAA,QAAQ;AACR;AACD,KALD;;AAOA,WACC,cAAC,YAAD,QACC,cAAC,aAAD;AACC,MAAA,SAAS,EAAC,mEADX;AAEC,MAAA,KAAK,EAAGT,EAAE,CAAE,sBAAF,CAFX;AAGC,MAAA,OAAO,EAAGS,QAHX;AAIC,MAAA,SAAS,EAAGE,eAJb;AAKC,MAAA,IAAI,EACH,cAAC,eAAD,QACC,cAAC,SAAD,QACC,cAAC,iBAAD,OADD,CADD;AANF,MADD,CADD;AAiBA,GA5B6B;AAAA,CAA9B;;AA8BA,MAAMI,wBAAwB,GAAG;AAAA,MAAE;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,GAAF;AAAA,SAChC,cAAC,QAAD;AACC,IAAA,QAAQ,EAAC,cADV;AAEC,IAAA,SAAS,EAAC,+BAFX;AAGC,IAAA,gBAAgB,EAAC,wCAHlB;AAIC,IAAA,YAAY,EAAGX,qBAAqB,CAAEW,KAAF,CAJrC;AAKC,IAAA,aAAa,EAAG,MAAMD;AALvB,IADgC;AAAA,CAAjC;;AAUA,eAAeD,wBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarButton,\n\tDropdown,\n\tToolbarGroup,\n\tSVG,\n\tPath,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\n\nconst ColorSelectorSVGIcon = () => (\n\t<SVG xmlns=\"https://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">\n\t\t<Path d=\"M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z\" />\n\t</SVG>\n);\n\n/**\n * Color Selector Icon component.\n *\n * @param {Object} props           Component properties.\n * @param {Object} props.style     Style object.\n * @param {string} props.className Class name for component.\n *\n * @return {*} React Icon component.\n */\nconst ColorSelectorIcon = ( { style, className } ) => {\n\treturn (\n\t\t<div className=\"block-library-colors-selector__icon-container\">\n\t\t\t<div\n\t\t\t\tclassName={ `${ className } block-library-colors-selector__state-selection` }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t<ColorSelectorSVGIcon />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\n/**\n * Renders the Colors Selector Toolbar with the icon button.\n *\n * @param {Object} props                 Component properties.\n * @param {Object} props.TextColor       Text color component that wraps icon.\n * @param {Object} props.BackgroundColor Background color component that wraps icon.\n *\n * @return {*} React toggle button component.\n */\nconst renderToggleComponent = ( { TextColor, BackgroundColor } ) => ( {\n\tonToggle,\n\tisOpen,\n} ) => {\n\tconst openOnArrowDown = ( event ) => {\n\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\tevent.preventDefault();\n\t\t\tonToggle();\n\t\t}\n\t};\n\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName=\"components-toolbar__control block-library-colors-selector__toggle\"\n\t\t\t\tlabel={ __( 'Open Colors Selector' ) }\n\t\t\t\tonClick={ onToggle }\n\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\ticon={\n\t\t\t\t\t<BackgroundColor>\n\t\t\t\t\t\t<TextColor>\n\t\t\t\t\t\t\t<ColorSelectorIcon />\n\t\t\t\t\t\t</TextColor>\n\t\t\t\t\t</BackgroundColor>\n\t\t\t\t}\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n};\n\nconst BlockColorsStyleSelector = ( { children, ...other } ) => (\n\t<Dropdown\n\t\tposition=\"bottom right\"\n\t\tclassName=\"block-library-colors-selector\"\n\t\tcontentClassName=\"block-library-colors-selector__popover\"\n\t\trenderToggle={ renderToggleComponent( other ) }\n\t\trenderContent={ () => children }\n\t/>\n);\n\nexport default BlockColorsStyleSelector;\n"]}

package/build-module/components/colors/color-panel.js

@@ -22,25 +22,27 @@ const resolveContrastCheckerColor = (color, colorSettings, detectedColor) => {
   return color;
 };
 
-export default function ColorPanel({
-  title,
-  colorSettings,
-  colorPanelProps,
-  contrastCheckers,
-  detectedBackgroundColor,
-  detectedColor,
-  panelChildren,
-  initialOpen
-}) {
+export default function ColorPanel(_ref) {
+  let {
+    title,
+    colorSettings,
+    colorPanelProps,
+    contrastCheckers,
+    detectedBackgroundColor,
+    detectedColor,
+    panelChildren,
+    initialOpen
+  } = _ref;
   return createElement(PanelColorSettings, _extends({
     title: title,
     initialOpen: initialOpen,
     colorSettings: Object.values(colorSettings)
-  }, colorPanelProps), contrastCheckers && (Array.isArray(contrastCheckers) ? contrastCheckers.map(({
-    backgroundColor,
-    textColor,
-    ...rest
-  }) => {
+  }, colorPanelProps), contrastCheckers && (Array.isArray(contrastCheckers) ? contrastCheckers.map(_ref2 => {
+    let {
+      backgroundColor,
+      textColor,
+      ...rest
+    } = _ref2;
     backgroundColor = resolveContrastCheckerColor(backgroundColor, colorSettings, detectedBackgroundColor);
     textColor = resolveContrastCheckerColor(textColor, colorSettings, detectedColor);
     return createElement(ContrastChecker, _extends({
@@ -48,9 +50,10 @@ export default function ColorPanel({
       backgroundColor: backgroundColor,
       textColor: textColor
     }, rest));
-  }) : map(colorSettings, ({
-    value
-  }) => {
+  }) : map(colorSettings, _ref3 => {
+    let {
+      value
+    } = _ref3;
     let {
       backgroundColor,
       textColor

package/build-module/components/colors/color-panel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors/color-panel.js"],"names":["map","PanelColorSettings","ContrastChecker","resolveContrastCheckerColor","color","colorSettings","detectedColor","ColorPanel","title","colorPanelProps","contrastCheckers","detectedBackgroundColor","panelChildren","initialOpen","Object","values","Array","isArray","backgroundColor","textColor","rest","value"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;;AAEA,MAAMC,2BAA2B,GAAG,CAAEC,KAAF,EAASC,aAAT,EAAwBC,aAAxB,KAA2C;AAC9E,MAAK,OAAOF,KAAP,KAAiB,UAAtB,EAAmC;AAClC,WAAOA,KAAK,CAAEC,aAAF,CAAZ;AACA,GAFD,MAEO,IAAKD,KAAK,KAAK,IAAf,EAAsB;AAC5B,WAAOE,aAAP;AACA;;AACD,SAAOF,KAAP;AACA,CAPD;;AASA,eAAe,SAASG,UAAT,CAAqB;AACnCC,EAAAA,KADmC;AAEnCH,EAAAA,aAFmC;AAGnCI,EAAAA,eAHmC;AAInCC,EAAAA,gBAJmC;AAKnCC,EAAAA,uBALmC;AAMnCL,EAAAA,aANmC;AAOnCM,EAAAA,aAPmC;AAQnCC,EAAAA;AARmC,CAArB,EASX;AACH,SACC,cAAC,kBAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,WAAW,EAAGK,WAFf;AAGC,IAAA,aAAa,EAAGC,MAAM,CAACC,MAAP,CAAeV,aAAf;AAHjB,KAIMI,eAJN,GAMGC,gBAAgB,KACfM,KAAK,CAACC,OAAN,CAAeP,gBAAf,IACCA,gBAAgB,CAACV,GAAjB,CACA,CAAE;AAAEkB,IAAAA,eAAF;AAAmBC,IAAAA,SAAnB;AAA8B,OAAGC;AAAjC,GAAF,KAA+C;AAC9CF,IAAAA,eAAe,GAAGf,2BAA2B,CAC5Ce,eAD4C,EAE5Cb,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAQ,IAAAA,SAAS,GAAGhB,2BAA2B,CACtCgB,SADsC,EAEtCd,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,cAAC,eAAD;AACC,MAAA,GAAG,EAAI,GAAGY,eAAiB,IAAIC,SAAW,EAD3C;AAEC,MAAA,eAAe,EAAGD,eAFnB;AAGC,MAAA,SAAS,EAAGC;AAHb,OAIMC,IAJN,EADD;AAQA,GApBD,CADD,GAuBCpB,GAAG,CAAEK,aAAF,EAAiB,CAAE;AAAEgB,IAAAA;AAAF,GAAF,KAAiB;AACrC,QAAI;AACHH,MAAAA,eADG;AAEHC,MAAAA;AAFG,QAGAT,gBAHJ;AAIAQ,IAAAA,eAAe,GAAGf,2BAA2B,CAC5Ce,eAAe,IAAIG,KADyB,EAE5ChB,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAQ,IAAAA,SAAS,GAAGhB,2BAA2B,CACtCgB,SAAS,IAAIE,KADyB,EAEtChB,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,cAAC,eAAD,eACMI,gBADN;AAEC,MAAA,GAAG,EAAI,GAAGQ,eAAiB,IAAIC,SAAW,EAF3C;AAGC,MAAA,eAAe,EAAGD,eAHnB;AAIC,MAAA,SAAS,EAAGC;AAJb,OADD;AAQC,GAvBE,CAxBW,CANnB,EAsDG,OAAOP,aAAP,KAAyB,UAAzB,GACCA,aAAa,CAAEP,aAAF,CADd,GAECO,aAxDJ,CADD;AA4DA","sourcesContent":["/**\n * External dependencies\n */\nimport { map } from 'lodash';\n\n/**\n * Internal dependencies\n */\nimport PanelColorSettings from '../panel-color-settings';\nimport ContrastChecker from '../contrast-checker';\n\nconst resolveContrastCheckerColor = ( color, colorSettings, detectedColor ) => {\n\tif ( typeof color === 'function' ) {\n\t\treturn color( colorSettings );\n\t} else if ( color === true ) {\n\t\treturn detectedColor;\n\t}\n\treturn color;\n};\n\nexport default function ColorPanel( {\n\ttitle,\n\tcolorSettings,\n\tcolorPanelProps,\n\tcontrastCheckers,\n\tdetectedBackgroundColor,\n\tdetectedColor,\n\tpanelChildren,\n\tinitialOpen,\n} ) {\n\treturn (\n\t\t<PanelColorSettings\n\t\t\ttitle={ title }\n\t\t\tinitialOpen={ initialOpen }\n\t\t\tcolorSettings={ Object.values( colorSettings ) }\n\t\t\t{ ...colorPanelProps }\n\t\t>\n\t\t\t{ contrastCheckers &&\n\t\t\t\t( Array.isArray( contrastCheckers )\n\t\t\t\t\t? contrastCheckers.map(\n\t\t\t\t\t\t\t( { backgroundColor, textColor, ...rest } ) => {\n\t\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t\t\t{ ...rest }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t  )\n\t\t\t\t\t: map( colorSettings, ( { value } ) => {\n\t\t\t\t\t\t\tlet {\n\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t} = contrastCheckers;\n\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\tbackgroundColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\ttextColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t{ ...contrastCheckers }\n\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t  } ) ) }\n\t\t\t{ typeof panelChildren === 'function'\n\t\t\t\t? panelChildren( colorSettings )\n\t\t\t\t: panelChildren }\n\t\t</PanelColorSettings>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/colors/color-panel.js"],"names":["map","PanelColorSettings","ContrastChecker","resolveContrastCheckerColor","color","colorSettings","detectedColor","ColorPanel","title","colorPanelProps","contrastCheckers","detectedBackgroundColor","panelChildren","initialOpen","Object","values","Array","isArray","backgroundColor","textColor","rest","value"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AACA,OAAOC,eAAP,MAA4B,qBAA5B;;AAEA,MAAMC,2BAA2B,GAAG,CAAEC,KAAF,EAASC,aAAT,EAAwBC,aAAxB,KAA2C;AAC9E,MAAK,OAAOF,KAAP,KAAiB,UAAtB,EAAmC;AAClC,WAAOA,KAAK,CAAEC,aAAF,CAAZ;AACA,GAFD,MAEO,IAAKD,KAAK,KAAK,IAAf,EAAsB;AAC5B,WAAOE,aAAP;AACA;;AACD,SAAOF,KAAP;AACA,CAPD;;AASA,eAAe,SAASG,UAAT,OASX;AAAA,MATgC;AACnCC,IAAAA,KADmC;AAEnCH,IAAAA,aAFmC;AAGnCI,IAAAA,eAHmC;AAInCC,IAAAA,gBAJmC;AAKnCC,IAAAA,uBALmC;AAMnCL,IAAAA,aANmC;AAOnCM,IAAAA,aAPmC;AAQnCC,IAAAA;AARmC,GAShC;AACH,SACC,cAAC,kBAAD;AACC,IAAA,KAAK,EAAGL,KADT;AAEC,IAAA,WAAW,EAAGK,WAFf;AAGC,IAAA,aAAa,EAAGC,MAAM,CAACC,MAAP,CAAeV,aAAf;AAHjB,KAIMI,eAJN,GAMGC,gBAAgB,KACfM,KAAK,CAACC,OAAN,CAAeP,gBAAf,IACCA,gBAAgB,CAACV,GAAjB,CACA,SAA+C;AAAA,QAA7C;AAAEkB,MAAAA,eAAF;AAAmBC,MAAAA,SAAnB;AAA8B,SAAGC;AAAjC,KAA6C;AAC9CF,IAAAA,eAAe,GAAGf,2BAA2B,CAC5Ce,eAD4C,EAE5Cb,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAQ,IAAAA,SAAS,GAAGhB,2BAA2B,CACtCgB,SADsC,EAEtCd,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,cAAC,eAAD;AACC,MAAA,GAAG,EAAI,GAAGY,eAAiB,IAAIC,SAAW,EAD3C;AAEC,MAAA,eAAe,EAAGD,eAFnB;AAGC,MAAA,SAAS,EAAGC;AAHb,OAIMC,IAJN,EADD;AAQA,GApBD,CADD,GAuBCpB,GAAG,CAAEK,aAAF,EAAiB,SAAiB;AAAA,QAAf;AAAEgB,MAAAA;AAAF,KAAe;AACrC,QAAI;AACHH,MAAAA,eADG;AAEHC,MAAAA;AAFG,QAGAT,gBAHJ;AAIAQ,IAAAA,eAAe,GAAGf,2BAA2B,CAC5Ce,eAAe,IAAIG,KADyB,EAE5ChB,aAF4C,EAG5CM,uBAH4C,CAA7C;AAKAQ,IAAAA,SAAS,GAAGhB,2BAA2B,CACtCgB,SAAS,IAAIE,KADyB,EAEtChB,aAFsC,EAGtCC,aAHsC,CAAvC;AAKA,WACC,cAAC,eAAD,eACMI,gBADN;AAEC,MAAA,GAAG,EAAI,GAAGQ,eAAiB,IAAIC,SAAW,EAF3C;AAGC,MAAA,eAAe,EAAGD,eAHnB;AAIC,MAAA,SAAS,EAAGC;AAJb,OADD;AAQC,GAvBE,CAxBW,CANnB,EAsDG,OAAOP,aAAP,KAAyB,UAAzB,GACCA,aAAa,CAAEP,aAAF,CADd,GAECO,aAxDJ,CADD;AA4DA","sourcesContent":["/**\n * External dependencies\n */\nimport { map } from 'lodash';\n\n/**\n * Internal dependencies\n */\nimport PanelColorSettings from '../panel-color-settings';\nimport ContrastChecker from '../contrast-checker';\n\nconst resolveContrastCheckerColor = ( color, colorSettings, detectedColor ) => {\n\tif ( typeof color === 'function' ) {\n\t\treturn color( colorSettings );\n\t} else if ( color === true ) {\n\t\treturn detectedColor;\n\t}\n\treturn color;\n};\n\nexport default function ColorPanel( {\n\ttitle,\n\tcolorSettings,\n\tcolorPanelProps,\n\tcontrastCheckers,\n\tdetectedBackgroundColor,\n\tdetectedColor,\n\tpanelChildren,\n\tinitialOpen,\n} ) {\n\treturn (\n\t\t<PanelColorSettings\n\t\t\ttitle={ title }\n\t\t\tinitialOpen={ initialOpen }\n\t\t\tcolorSettings={ Object.values( colorSettings ) }\n\t\t\t{ ...colorPanelProps }\n\t\t>\n\t\t\t{ contrastCheckers &&\n\t\t\t\t( Array.isArray( contrastCheckers )\n\t\t\t\t\t? contrastCheckers.map(\n\t\t\t\t\t\t\t( { backgroundColor, textColor, ...rest } ) => {\n\t\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t\t\t{ ...rest }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t  )\n\t\t\t\t\t: map( colorSettings, ( { value } ) => {\n\t\t\t\t\t\t\tlet {\n\t\t\t\t\t\t\t\tbackgroundColor,\n\t\t\t\t\t\t\t\ttextColor,\n\t\t\t\t\t\t\t} = contrastCheckers;\n\t\t\t\t\t\t\tbackgroundColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\tbackgroundColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedBackgroundColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\ttextColor = resolveContrastCheckerColor(\n\t\t\t\t\t\t\t\ttextColor || value,\n\t\t\t\t\t\t\t\tcolorSettings,\n\t\t\t\t\t\t\t\tdetectedColor\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ContrastChecker\n\t\t\t\t\t\t\t\t\t{ ...contrastCheckers }\n\t\t\t\t\t\t\t\t\tkey={ `${ backgroundColor }-${ textColor }` }\n\t\t\t\t\t\t\t\t\tbackgroundColor={ backgroundColor }\n\t\t\t\t\t\t\t\t\ttextColor={ textColor }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t  } ) ) }\n\t\t\t{ typeof panelChildren === 'function'\n\t\t\t\t? panelChildren( colorSettings )\n\t\t\t\t: panelChildren }\n\t\t</PanelColorSettings>\n\t);\n}\n"]}

package/build-module/components/colors/utils.js

@@ -77,8 +77,11 @@ export function getColorClassName(colorContextName, colorSlug) {
 
 export function getMostReadableColor(colors, colorValue) {
   const colordColor = colord(colorValue);
-  return maxBy(colors, ({
-    color
-  }) => colordColor.contrast(color)).color;
+  return maxBy(colors, _ref => {
+    let {
+      color
+    } = _ref;
+    return colordColor.contrast(color);
+  }).color;
 }
 //# sourceMappingURL=utils.js.map

package/build-module/components/colors/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors/utils.js"],"names":["find","kebabCase","maxBy","colord","extend","namesPlugin","a11yPlugin","getColorObjectByAttributeValues","colors","definedColor","customColor","colorObj","slug","color","getColorObjectByColorValue","colorValue","getColorClassName","colorContextName","colorSlug","undefined","getMostReadableColor","colordColor","contrast"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,SAAf,EAA0BC,KAA1B,QAAuC,QAAvC;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,QAA/B;AACA,OAAOC,WAAP,MAAwB,sBAAxB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AAEAF,MAAM,CAAE,CAAEC,WAAF,EAAeC,UAAf,CAAF,CAAN;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,+BAA+B,GAAG,CAC9CC,MAD8C,EAE9CC,YAF8C,EAG9CC,WAH8C,KAI1C;AACJ,MAAKD,YAAL,EAAoB;AACnB,UAAME,QAAQ,GAAGX,IAAI,CAAEQ,MAAF,EAAU;AAAEI,MAAAA,IAAI,EAAEH;AAAR,KAAV,CAArB;;AAEA,QAAKE,QAAL,EAAgB;AACf,aAAOA,QAAP;AACA;AACD;;AACD,SAAO;AACNE,IAAAA,KAAK,EAAEH;AADD,GAAP;AAGA,CAfM;AAiBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMI,0BAA0B,GAAG,CAAEN,MAAF,EAAUO,UAAV,KAA0B;AACnE,SAAOf,IAAI,CAAEQ,MAAF,EAAU;AAAEK,IAAAA,KAAK,EAAEE;AAAT,GAAV,CAAX;AACA,CAFM;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,iBAAT,CAA4BC,gBAA5B,EAA8CC,SAA9C,EAA0D;AAChE,MAAK,CAAED,gBAAF,IAAsB,CAAEC,SAA7B,EAAyC;AACxC,WAAOC,SAAP;AACA;;AAED,SAAQ,OAAOlB,SAAS,CAAEiB,SAAF,CAAe,IAAID,gBAAkB,EAA7D;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,oBAAT,CAA+BZ,MAA/B,EAAuCO,UAAvC,EAAoD;AAC1D,QAAMM,WAAW,GAAGlB,MAAM,CAAEY,UAAF,CAA1B;AACA,SAAOb,KAAK,CAAEM,MAAF,EAAU,CAAE;AAAEK,IAAAA;AAAF,GAAF,KAAiBQ,WAAW,CAACC,QAAZ,CAAsBT,KAAtB,CAA3B,CAAL,CACLA,KADF;AAEA","sourcesContent":["/**\n * External dependencies\n */\nimport { find, kebabCase, maxBy } from 'lodash';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults,\n * and the values of the defined color or custom color returns a color object describing the color.\n *\n * @param {Array}   colors       Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} definedColor A string containing the color slug.\n * @param {?string} customColor  A string containing the customColor value.\n *\n * @return {?Object} If definedColor is passed and the name is found in colors,\n *                   the color object exactly as set by the theme or editor defaults is returned.\n *                   Otherwise, an object that just sets the color is defined.\n */\nexport const getColorObjectByAttributeValues = (\n\tcolors,\n\tdefinedColor,\n\tcustomColor\n) => {\n\tif ( definedColor ) {\n\t\tconst colorObj = find( colors, { slug: definedColor } );\n\n\t\tif ( colorObj ) {\n\t\t\treturn colorObj;\n\t\t}\n\t}\n\treturn {\n\t\tcolor: customColor,\n\t};\n};\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {?Object} Color object included in the colors array whose color property equals colorValue.\n *                   Returns undefined if no color object matches this requirement.\n */\nexport const getColorObjectByColorValue = ( colors, colorValue ) => {\n\treturn find( colors, { color: colorValue } );\n};\n\n/**\n * Returns a class based on the context a color is being used and its slug.\n *\n * @param {string} colorContextName Context/place where color is being used e.g: background, text etc...\n * @param {string} colorSlug        Slug of the color.\n *\n * @return {?string} String with the class corresponding to the color in the provided context.\n *                   Returns undefined if either colorContextName or colorSlug are not provided.\n */\nexport function getColorClassName( colorContextName, colorSlug ) {\n\tif ( ! colorContextName || ! colorSlug ) {\n\t\treturn undefined;\n\t}\n\n\treturn `has-${ kebabCase( colorSlug ) }-${ colorContextName }`;\n}\n\n/**\n * Given an array of color objects and a color value returns the color value of the most readable color in the array.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {string} String with the color value of the most readable color.\n */\nexport function getMostReadableColor( colors, colorValue ) {\n\tconst colordColor = colord( colorValue );\n\treturn maxBy( colors, ( { color } ) => colordColor.contrast( color ) )\n\t\t.color;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/colors/utils.js"],"names":["find","kebabCase","maxBy","colord","extend","namesPlugin","a11yPlugin","getColorObjectByAttributeValues","colors","definedColor","customColor","colorObj","slug","color","getColorObjectByColorValue","colorValue","getColorClassName","colorContextName","colorSlug","undefined","getMostReadableColor","colordColor","contrast"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,SAAf,EAA0BC,KAA1B,QAAuC,QAAvC;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,QAA/B;AACA,OAAOC,WAAP,MAAwB,sBAAxB;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AAEAF,MAAM,CAAE,CAAEC,WAAF,EAAeC,UAAf,CAAF,CAAN;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,+BAA+B,GAAG,CAC9CC,MAD8C,EAE9CC,YAF8C,EAG9CC,WAH8C,KAI1C;AACJ,MAAKD,YAAL,EAAoB;AACnB,UAAME,QAAQ,GAAGX,IAAI,CAAEQ,MAAF,EAAU;AAAEI,MAAAA,IAAI,EAAEH;AAAR,KAAV,CAArB;;AAEA,QAAKE,QAAL,EAAgB;AACf,aAAOA,QAAP;AACA;AACD;;AACD,SAAO;AACNE,IAAAA,KAAK,EAAEH;AADD,GAAP;AAGA,CAfM;AAiBP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMI,0BAA0B,GAAG,CAAEN,MAAF,EAAUO,UAAV,KAA0B;AACnE,SAAOf,IAAI,CAAEQ,MAAF,EAAU;AAAEK,IAAAA,KAAK,EAAEE;AAAT,GAAV,CAAX;AACA,CAFM;AAIP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,iBAAT,CAA4BC,gBAA5B,EAA8CC,SAA9C,EAA0D;AAChE,MAAK,CAAED,gBAAF,IAAsB,CAAEC,SAA7B,EAAyC;AACxC,WAAOC,SAAP;AACA;;AAED,SAAQ,OAAOlB,SAAS,CAAEiB,SAAF,CAAe,IAAID,gBAAkB,EAA7D;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,oBAAT,CAA+BZ,MAA/B,EAAuCO,UAAvC,EAAoD;AAC1D,QAAMM,WAAW,GAAGlB,MAAM,CAAEY,UAAF,CAA1B;AACA,SAAOb,KAAK,CAAEM,MAAF,EAAU;AAAA,QAAE;AAAEK,MAAAA;AAAF,KAAF;AAAA,WAAiBQ,WAAW,CAACC,QAAZ,CAAsBT,KAAtB,CAAjB;AAAA,GAAV,CAAL,CACLA,KADF;AAEA","sourcesContent":["/**\n * External dependencies\n */\nimport { find, kebabCase, maxBy } from 'lodash';\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults,\n * and the values of the defined color or custom color returns a color object describing the color.\n *\n * @param {Array}   colors       Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} definedColor A string containing the color slug.\n * @param {?string} customColor  A string containing the customColor value.\n *\n * @return {?Object} If definedColor is passed and the name is found in colors,\n *                   the color object exactly as set by the theme or editor defaults is returned.\n *                   Otherwise, an object that just sets the color is defined.\n */\nexport const getColorObjectByAttributeValues = (\n\tcolors,\n\tdefinedColor,\n\tcustomColor\n) => {\n\tif ( definedColor ) {\n\t\tconst colorObj = find( colors, { slug: definedColor } );\n\n\t\tif ( colorObj ) {\n\t\t\treturn colorObj;\n\t\t}\n\t}\n\treturn {\n\t\tcolor: customColor,\n\t};\n};\n\n/**\n * Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {?Object} Color object included in the colors array whose color property equals colorValue.\n *                   Returns undefined if no color object matches this requirement.\n */\nexport const getColorObjectByColorValue = ( colors, colorValue ) => {\n\treturn find( colors, { color: colorValue } );\n};\n\n/**\n * Returns a class based on the context a color is being used and its slug.\n *\n * @param {string} colorContextName Context/place where color is being used e.g: background, text etc...\n * @param {string} colorSlug        Slug of the color.\n *\n * @return {?string} String with the class corresponding to the color in the provided context.\n *                   Returns undefined if either colorContextName or colorSlug are not provided.\n */\nexport function getColorClassName( colorContextName, colorSlug ) {\n\tif ( ! colorContextName || ! colorSlug ) {\n\t\treturn undefined;\n\t}\n\n\treturn `has-${ kebabCase( colorSlug ) }-${ colorContextName }`;\n}\n\n/**\n * Given an array of color objects and a color value returns the color value of the most readable color in the array.\n *\n * @param {Array}   colors     Array of color objects as set by the theme or by the editor defaults.\n * @param {?string} colorValue A string containing the color value.\n *\n * @return {string} String with the color value of the most readable color.\n */\nexport function getMostReadableColor( colors, colorValue ) {\n\tconst colordColor = colord( colorValue );\n\treturn maxBy( colors, ( { color } ) => colordColor.contrast( color ) )\n\t\t.color;\n}\n"]}