@wordpress/components 17.0.0 → 19.0.2

package/build/scrollable/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.scrollAuto = exports.scrollY = exports.scrollX = exports.smoothScroll = exports.Content = exports.Scrollable = exports.scrollableScrollbar = void 0;
+exports.smoothScroll = exports.scrollableScrollbar = exports.scrollY = exports.scrollX = exports.scrollAuto = exports.Scrollable = exports.Content = void 0;
 
 var _react = require("@emotion/react");
 

package/build/scrollable/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/search-control/index.js

@@ -21,6 +21,8 @@ var _ = require("../");
 
 var _baseControl = _interopRequireDefault(require("../base-control"));
 
+var _utils = require("../utils");
+
 /**
  * External dependencies
  */
@@ -32,18 +34,47 @@ var _baseControl = _interopRequireDefault(require("../base-control"));
 /**
  * Internal dependencies
  */
-function SearchControl({
-  className,
-  onChange,
-  value,
-  label,
-  placeholder = (0, _i18n.__)('Search'),
-  hideLabelFromVision = true,
-  help
-}) {
+function SearchControl(_ref, ref) {
+  let {
+    className,
+    onChange,
+    onKeyDown,
+    value,
+    label,
+    placeholder = (0, _i18n.__)('Search'),
+    hideLabelFromVision = true,
+    help,
+    onClose
+  } = _ref;
   const instanceId = (0, _compose.useInstanceId)(SearchControl);
-  const searchInput = (0, _element.useRef)();
+  const searchInput = (0, _utils.useCombinedRef)(ref);
   const id = `components-search-control-${instanceId}`;
+
+  const renderRightButton = () => {
+    if (onClose) {
+      return (0, _element.createElement)(_.Button, {
+        icon: _icons.closeSmall,
+        label: (0, _i18n.__)('Close search'),
+        onClick: onClose
+      });
+    }
+
+    if (!!value) {
+      return (0, _element.createElement)(_.Button, {
+        icon: _icons.closeSmall,
+        label: (0, _i18n.__)('Reset search'),
+        onClick: () => {
+          onChange('');
+          searchInput.current.focus();
+        }
+      });
+    }
+
+    return (0, _element.createElement)(_icons.Icon, {
+      icon: _icons.search
+    });
+  };
+
   return (0, _element.createElement)(_baseControl.default, {
     label: label,
     id: id,
@@ -59,22 +90,15 @@ function SearchControl({
     type: "search",
     placeholder: placeholder,
     onChange: event => onChange(event.target.value),
+    onKeyDown: onKeyDown,
     autoComplete: "off",
     value: value || ''
   }), (0, _element.createElement)("div", {
     className: "components-search-control__icon"
-  }, !!value && (0, _element.createElement)(_.Button, {
-    icon: _icons.closeSmall,
-    label: (0, _i18n.__)('Reset search'),
-    onClick: () => {
-      onChange('');
-      searchInput.current.focus();
-    }
-  }), !value && (0, _element.createElement)(_icons.Icon, {
-    icon: _icons.search
-  }))));
+  }, renderRightButton())));
 }
 
-var _default = SearchControl;
+var _default = (0, _element.forwardRef)(SearchControl);
+
 exports.default = _default;
 //# sourceMappingURL=index.js.map

package/build/search-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/search-control/index.js"],"names":["SearchControl","className","onChange","value","label","placeholder","hideLabelFromVision","help","instanceId","searchInput","id","event","target","closeSmall","current","focus","search"],"mappings":";;;;;;;;;AAWA;;AARA;;AAKA;;AACA;;AACA;;AAMA;;AACA;;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AAIA,SAASA,aAAT,CAAwB;AACvBC,EAAAA,SADuB;AAEvBC,EAAAA,QAFuB;AAGvBC,EAAAA,KAHuB;AAIvBC,EAAAA,KAJuB;AAKvBC,EAAAA,WAAW,GAAG,cAAI,QAAJ,CALS;AAMvBC,EAAAA,mBAAmB,GAAG,IANC;AAOvBC,EAAAA;AAPuB,CAAxB,EAQI;AACH,QAAMC,UAAU,GAAG,4BAAeR,aAAf,CAAnB;AACA,QAAMS,WAAW,GAAG,sBAApB;AACA,QAAMC,EAAE,GAAI,6BAA6BF,UAAY,EAArD;AAEA,SACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGJ,KADT;AAEC,IAAA,EAAE,EAAGM,EAFN;AAGC,IAAA,mBAAmB,EAAGJ,mBAHvB;AAIC,IAAA,IAAI,EAAGC,IAJR;AAKC,IAAA,SAAS,EAAG,yBAAYN,SAAZ,EAAuB,2BAAvB;AALb,KAOC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,GAAG,EAAGQ,WADP;AAEC,IAAA,SAAS,EAAC,kCAFX;AAGC,IAAA,EAAE,EAAGC,EAHN;AAIC,IAAA,IAAI,EAAC,QAJN;AAKC,IAAA,WAAW,EAAGL,WALf;AAMC,IAAA,QAAQ,EAAKM,KAAF,IAAaT,QAAQ,CAAES,KAAK,CAACC,MAAN,CAAaT,KAAf,CANjC;AAOC,IAAA,YAAY,EAAC,KAPd;AAQC,IAAA,KAAK,EAAGA,KAAK,IAAI;AARlB,IADD,EAWC;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,CAAC,CAAEA,KAAH,IACD,4BAAC,QAAD;AACC,IAAA,IAAI,EAAGU,iBADR;AAEC,IAAA,KAAK,EAAG,cAAI,cAAJ,CAFT;AAGC,IAAA,OAAO,EAAG,MAAM;AACfX,MAAAA,QAAQ,CAAE,EAAF,CAAR;AACAO,MAAAA,WAAW,CAACK,OAAZ,CAAoBC,KAApB;AACA;AANF,IAFF,EAWG,CAAEZ,KAAF,IAAW,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGa;AAAb,IAXd,CAXD,CAPD,CADD;AAmCA;;eAEchB,a","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, search, closeSmall } from '@wordpress/icons';\nimport { useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Button } from '../';\nimport BaseControl from '../base-control';\n\nfunction SearchControl( {\n\tclassName,\n\tonChange,\n\tvalue,\n\tlabel,\n\tplaceholder = __( 'Search' ),\n\thideLabelFromVision = true,\n\thelp,\n} ) {\n\tconst instanceId = useInstanceId( SearchControl );\n\tconst searchInput = useRef();\n\tconst id = `components-search-control-${ instanceId }`;\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\thelp={ help }\n\t\t\tclassName={ classnames( className, 'components-search-control' ) }\n\t\t>\n\t\t\t<div className=\"components-search-control__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\tref={ searchInput }\n\t\t\t\t\tclassName=\"components-search-control__input\"\n\t\t\t\t\tid={ id }\n\t\t\t\t\ttype=\"search\"\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tvalue={ value || '' }\n\t\t\t\t/>\n\t\t\t\t<div className=\"components-search-control__icon\">\n\t\t\t\t\t{ !! value && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\tlabel={ __( 'Reset search' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( '' );\n\t\t\t\t\t\t\t\tsearchInput.current.focus();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! value && <Icon icon={ search } /> }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</BaseControl>\n\t);\n}\n\nexport default SearchControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/search-control/index.js"],"names":["SearchControl","ref","className","onChange","onKeyDown","value","label","placeholder","hideLabelFromVision","help","onClose","instanceId","searchInput","id","renderRightButton","closeSmall","current","focus","search","event","target"],"mappings":";;;;;;;;;AAWA;;AARA;;AAKA;;AACA;;AACA;;AAMA;;AACA;;AACA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;AAKA,SAASA,aAAT,OAYCC,GAZD,EAaE;AAAA,MAZD;AACCC,IAAAA,SADD;AAECC,IAAAA,QAFD;AAGCC,IAAAA,SAHD;AAICC,IAAAA,KAJD;AAKCC,IAAAA,KALD;AAMCC,IAAAA,WAAW,GAAG,cAAI,QAAJ,CANf;AAOCC,IAAAA,mBAAmB,GAAG,IAPvB;AAQCC,IAAAA,IARD;AASCC,IAAAA;AATD,GAYC;AACD,QAAMC,UAAU,GAAG,4BAAeX,aAAf,CAAnB;AACA,QAAMY,WAAW,GAAG,2BAAgBX,GAAhB,CAApB;AACA,QAAMY,EAAE,GAAI,6BAA6BF,UAAY,EAArD;;AAEA,QAAMG,iBAAiB,GAAG,MAAM;AAC/B,QAAKJ,OAAL,EAAe;AACd,aACC,4BAAC,QAAD;AACC,QAAA,IAAI,EAAGK,iBADR;AAEC,QAAA,KAAK,EAAG,cAAI,cAAJ,CAFT;AAGC,QAAA,OAAO,EAAGL;AAHX,QADD;AAOA;;AAED,QAAK,CAAC,CAAEL,KAAR,EAAgB;AACf,aACC,4BAAC,QAAD;AACC,QAAA,IAAI,EAAGU,iBADR;AAEC,QAAA,KAAK,EAAG,cAAI,cAAJ,CAFT;AAGC,QAAA,OAAO,EAAG,MAAM;AACfZ,UAAAA,QAAQ,CAAE,EAAF,CAAR;AACAS,UAAAA,WAAW,CAACI,OAAZ,CAAoBC,KAApB;AACA;AANF,QADD;AAUA;;AAED,WAAO,4BAAC,WAAD;AAAM,MAAA,IAAI,EAAGC;AAAb,MAAP;AACA,GAzBD;;AA2BA,SACC,4BAAC,oBAAD;AACC,IAAA,KAAK,EAAGZ,KADT;AAEC,IAAA,EAAE,EAAGO,EAFN;AAGC,IAAA,mBAAmB,EAAGL,mBAHvB;AAIC,IAAA,IAAI,EAAGC,IAJR;AAKC,IAAA,SAAS,EAAG,yBAAYP,SAAZ,EAAuB,2BAAvB;AALb,KAOC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AACC,IAAA,GAAG,EAAGU,WADP;AAEC,IAAA,SAAS,EAAC,kCAFX;AAGC,IAAA,EAAE,EAAGC,EAHN;AAIC,IAAA,IAAI,EAAC,QAJN;AAKC,IAAA,WAAW,EAAGN,WALf;AAMC,IAAA,QAAQ,EAAKY,KAAF,IAAahB,QAAQ,CAAEgB,KAAK,CAACC,MAAN,CAAaf,KAAf,CANjC;AAOC,IAAA,SAAS,EAAGD,SAPb;AAQC,IAAA,YAAY,EAAC,KARd;AASC,IAAA,KAAK,EAAGC,KAAK,IAAI;AATlB,IADD,EAYC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGS,iBAAiB,EADpB,CAZD,CAPD,CADD;AA0BA;;eAEc,yBAAYd,aAAZ,C","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { Icon, search, closeSmall } from '@wordpress/icons';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { Button } from '../';\nimport BaseControl from '../base-control';\nimport { useCombinedRef } from '../utils';\n\nfunction SearchControl(\n\t{\n\t\tclassName,\n\t\tonChange,\n\t\tonKeyDown,\n\t\tvalue,\n\t\tlabel,\n\t\tplaceholder = __( 'Search' ),\n\t\thideLabelFromVision = true,\n\t\thelp,\n\t\tonClose,\n\t},\n\tref\n) {\n\tconst instanceId = useInstanceId( SearchControl );\n\tconst searchInput = useCombinedRef( ref );\n\tconst id = `components-search-control-${ instanceId }`;\n\n\tconst renderRightButton = () => {\n\t\tif ( onClose ) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close search' ) }\n\t\t\t\t\tonClick={ onClose }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tif ( !! value ) {\n\t\t\treturn (\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Reset search' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tonChange( '' );\n\t\t\t\t\t\tsearchInput.current.focus();\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn <Icon icon={ search } />;\n\t};\n\n\treturn (\n\t\t<BaseControl\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\thelp={ help }\n\t\t\tclassName={ classnames( className, 'components-search-control' ) }\n\t\t>\n\t\t\t<div className=\"components-search-control__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\tref={ searchInput }\n\t\t\t\t\tclassName=\"components-search-control__input\"\n\t\t\t\t\tid={ id }\n\t\t\t\t\ttype=\"search\"\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tonChange={ ( event ) => onChange( event.target.value ) }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tvalue={ value || '' }\n\t\t\t\t/>\n\t\t\t\t<div className=\"components-search-control__icon\">\n\t\t\t\t\t{ renderRightButton() }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</BaseControl>\n\t);\n}\n\nexport default forwardRef( SearchControl );\n"]}

package/build/search-control/index.native.js

@@ -61,11 +61,12 @@ function mergeStyles(styles, updateStyles, selectors) {
   return styles;
 }
 
-function SearchControl({
-  value,
-  onChange,
-  placeholder = (0, _i18n.__)('Search blocks')
-}) {
+function SearchControl(_ref) {
+  let {
+    value,
+    onChange,
+    placeholder = (0, _i18n.__)('Search blocks')
+  } = _ref;
   const [isActive, setIsActive] = (0, _element.useState)(false);
   const [currentStyles, setCurrentStyles] = (0, _element.useState)(baseStyles);
   const isDark = (0, _reactNative.useColorScheme)() === 'dark';

package/build/search-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/search-control/index.native.js"],"names":["baseStyles","allStyles","selector","platformStyles","selectModifiedStyles","styles","modifier","modifierMatcher","RegExp","modifierSelectors","Object","keys","filter","match","reduce","modifiedStyles","modifierSelector","blockElementSelector","split","mergeStyles","updateStyles","selectors","forEach","SearchControl","value","onChange","placeholder","isActive","setIsActive","currentStyles","setCurrentStyles","isDark","inputRef","onCancelTimer","isIOS","Platform","OS","darkStyles","activeStyles","activeDarkStyles","futureStyles","mergeFutureStyles","shouldUseConditions","shouldUseModified","every","should","updatedStyles","keyboardHideSubscription","Keyboard","addListener","onCancel","clearTimeout","current","remove","containerStyle","innerContainerStyle","inputContainerStyle","formInputStyle","placeholderStyle","inputButtonStyle","inputButtonLeftStyle","inputButtonRightStyle","cancelButtonStyle","cancelButtonTextStyle","iconStyle","rightIconStyle","clearInput","setTimeout","blur","renderLeftButton","button","arrowLeftIcon","Gridicons","search","color","renderRightButton","cancelCircleFilledIcon","closeIcon","renderCancel","focus"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tTextInput,\n\tText,\n\tView,\n\tTouchableOpacity,\n\tPlatform,\n\tuseColorScheme,\n\tKeyboard,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, Gridicons } from '@wordpress/components';\nimport {\n\tIcon,\n\tcancelCircleFilled as cancelCircleFilledIcon,\n\tarrowLeft as arrowLeftIcon,\n\tclose as closeIcon,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport allStyles from './style.scss';\nimport platformStyles from './platform-style.scss';\n\n// Merge platform specific styles with the default styles.\nconst baseStyles = { ...allStyles };\nfor ( const selector in platformStyles ) {\n\tbaseStyles[ selector ] = {\n\t\t...baseStyles[ selector ],\n\t\t...platformStyles[ selector ],\n\t};\n}\n\nfunction selectModifiedStyles( styles, modifier ) {\n\tconst modifierMatcher = new RegExp( `--${ modifier }$` );\n\tconst modifierSelectors = Object.keys( styles ).filter( ( selector ) =>\n\t\tselector.match( modifierMatcher )\n\t);\n\n\treturn modifierSelectors.reduce( ( modifiedStyles, modifierSelector ) => {\n\t\tconst blockElementSelector = modifierSelector.split( '--' )[ 0 ];\n\t\tmodifiedStyles[ blockElementSelector ] = styles[ modifierSelector ];\n\t\treturn modifiedStyles;\n\t}, {} );\n}\n\nfunction mergeStyles( styles, updateStyles, selectors ) {\n\tselectors.forEach( ( selector ) => {\n\t\tstyles[ selector ] = {\n\t\t\t...styles[ selector ],\n\t\t\t...updateStyles[ selector ],\n\t\t};\n\t} );\n\n\treturn styles;\n}\n\nfunction SearchControl( {\n\tvalue,\n\tonChange,\n\tplaceholder = __( 'Search blocks' ),\n} ) {\n\tconst [ isActive, setIsActive ] = useState( false );\n\tconst [ currentStyles, setCurrentStyles ] = useState( baseStyles );\n\n\tconst isDark = useColorScheme() === 'dark';\n\tconst inputRef = useRef();\n\tconst onCancelTimer = useRef();\n\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst darkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'dark' );\n\t}, [] );\n\n\tconst activeStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active' );\n\t}, [] );\n\n\tconst activeDarkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active-dark' );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tlet futureStyles = { ...baseStyles };\n\n\t\tfunction mergeFutureStyles( modifiedStyles, shouldUseConditions ) {\n\t\t\tconst shouldUseModified = shouldUseConditions.every(\n\t\t\t\t( should ) => should\n\t\t\t);\n\n\t\t\tconst updatedStyles = shouldUseModified\n\t\t\t\t? modifiedStyles\n\t\t\t\t: futureStyles;\n\n\t\t\tconst selectors = Object.keys( modifiedStyles );\n\n\t\t\tfutureStyles = mergeStyles(\n\t\t\t\tfutureStyles,\n\t\t\t\tupdatedStyles,\n\t\t\t\tselectors\n\t\t\t);\n\t\t}\n\n\t\tmergeFutureStyles( activeStyles, [ isActive ] );\n\t\tmergeFutureStyles( darkStyles, [ isDark ] );\n\t\tmergeFutureStyles( activeDarkStyles, [ isActive, isDark ] );\n\n\t\tsetCurrentStyles( futureStyles );\n\t}, [ isActive, isDark ] );\n\n\tuseEffect( () => {\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\t() => {\n\t\t\t\tif ( ! isIOS ) {\n\t\t\t\t\tonCancel();\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\treturn () => {\n\t\t\tclearTimeout( onCancelTimer.current );\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\t'search-control__container': containerStyle,\n\t\t'search-control__inner-container': innerContainerStyle,\n\t\t'search-control__input-container': inputContainerStyle,\n\t\t'search-control__form-input': formInputStyle,\n\t\t'search-control__form-input-placeholder': placeholderStyle,\n\t\t'search-control__input-button': inputButtonStyle,\n\t\t'search-control__input-button-left': inputButtonLeftStyle,\n\t\t'search-control__input-button-right': inputButtonRightStyle,\n\t\t'search-control__cancel-button': cancelButtonStyle,\n\t\t'search-control__cancel-button-text': cancelButtonTextStyle,\n\t\t'search-control__icon': iconStyle,\n\t\t'search-control__right-icon': rightIconStyle,\n\t} = currentStyles;\n\n\tfunction clearInput() {\n\t\tonChange( '' );\n\t}\n\n\tfunction onCancel() {\n\t\tonCancelTimer.current = setTimeout( () => {\n\t\t\tinputRef.current.blur();\n\t\t\tclearInput();\n\t\t\tsetIsActive( false );\n\t\t}, 0 );\n\t}\n\n\tfunction renderLeftButton() {\n\t\tconst button =\n\t\t\t! isIOS && isActive ? (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Cancel search' ) }\n\t\t\t\t\ticon={ arrowLeftIcon }\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Icon icon={ Gridicons.search } fill={ iconStyle?.color } />\n\t\t\t);\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonLeftStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderRightButton() {\n\t\tlet button;\n\n\t\t// Add a View element to properly center the input placeholder via flexbox.\n\t\tif ( isIOS && ! isActive ) {\n\t\t\tbutton = <View />;\n\t\t}\n\n\t\tif ( !! value ) {\n\t\t\tbutton = (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Clear search' ) }\n\t\t\t\t\ticon={ isIOS ? cancelCircleFilledIcon : closeIcon }\n\t\t\t\t\tonClick={ clearInput }\n\t\t\t\t\tstyle={ [ iconStyle, rightIconStyle ] }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonRightStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderCancel() {\n\t\tif ( ! isIOS ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={ cancelButtonStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tonPress={ onCancel }\n\t\t\t\t\tstyle={ cancelButtonTextStyle }\n\t\t\t\t\taccessible={ true }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ __( 'Cancel search' ) }\n\t\t\t\t\taccessibilityHint={ __( 'Cancel search' ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\tstyle={ containerStyle }\n\t\t\tonPress={ () => {\n\t\t\t\tsetIsActive( true );\n\t\t\t\tinputRef.current.focus();\n\t\t\t} }\n\t\t\tactiveOpacity={ 1 }\n\t\t>\n\t\t\t<View style={ innerContainerStyle }>\n\t\t\t\t<View style={ inputContainerStyle }>\n\t\t\t\t\t{ renderLeftButton() }\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tref={ inputRef }\n\t\t\t\t\t\tstyle={ formInputStyle }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t\t\tonChangeText={ onChange }\n\t\t\t\t\t\tonFocus={ () => setIsActive( true ) }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t/>\n\t\t\t\t\t{ renderRightButton() }\n\t\t\t\t</View>\n\t\t\t\t{ isActive && renderCancel() }\n\t\t\t</View>\n\t\t</TouchableOpacity>\n\t);\n}\n\nexport default SearchControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/search-control/index.native.js"],"names":["baseStyles","allStyles","selector","platformStyles","selectModifiedStyles","styles","modifier","modifierMatcher","RegExp","modifierSelectors","Object","keys","filter","match","reduce","modifiedStyles","modifierSelector","blockElementSelector","split","mergeStyles","updateStyles","selectors","forEach","SearchControl","value","onChange","placeholder","isActive","setIsActive","currentStyles","setCurrentStyles","isDark","inputRef","onCancelTimer","isIOS","Platform","OS","darkStyles","activeStyles","activeDarkStyles","futureStyles","mergeFutureStyles","shouldUseConditions","shouldUseModified","every","should","updatedStyles","keyboardHideSubscription","Keyboard","addListener","onCancel","clearTimeout","current","remove","containerStyle","innerContainerStyle","inputContainerStyle","formInputStyle","placeholderStyle","inputButtonStyle","inputButtonLeftStyle","inputButtonRightStyle","cancelButtonStyle","cancelButtonTextStyle","iconStyle","rightIconStyle","clearInput","setTimeout","blur","renderLeftButton","button","arrowLeftIcon","Gridicons","search","color","renderRightButton","cancelCircleFilledIcon","closeIcon","renderCancel","focus"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tTextInput,\n\tText,\n\tView,\n\tTouchableOpacity,\n\tPlatform,\n\tuseColorScheme,\n\tKeyboard,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useRef, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button, Gridicons } from '@wordpress/components';\nimport {\n\tIcon,\n\tcancelCircleFilled as cancelCircleFilledIcon,\n\tarrowLeft as arrowLeftIcon,\n\tclose as closeIcon,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport allStyles from './style.scss';\nimport platformStyles from './platform-style.scss';\n\n// Merge platform specific styles with the default styles.\nconst baseStyles = { ...allStyles };\nfor ( const selector in platformStyles ) {\n\tbaseStyles[ selector ] = {\n\t\t...baseStyles[ selector ],\n\t\t...platformStyles[ selector ],\n\t};\n}\n\nfunction selectModifiedStyles( styles, modifier ) {\n\tconst modifierMatcher = new RegExp( `--${ modifier }$` );\n\tconst modifierSelectors = Object.keys( styles ).filter( ( selector ) =>\n\t\tselector.match( modifierMatcher )\n\t);\n\n\treturn modifierSelectors.reduce( ( modifiedStyles, modifierSelector ) => {\n\t\tconst blockElementSelector = modifierSelector.split( '--' )[ 0 ];\n\t\tmodifiedStyles[ blockElementSelector ] = styles[ modifierSelector ];\n\t\treturn modifiedStyles;\n\t}, {} );\n}\n\nfunction mergeStyles( styles, updateStyles, selectors ) {\n\tselectors.forEach( ( selector ) => {\n\t\tstyles[ selector ] = {\n\t\t\t...styles[ selector ],\n\t\t\t...updateStyles[ selector ],\n\t\t};\n\t} );\n\n\treturn styles;\n}\n\nfunction SearchControl( {\n\tvalue,\n\tonChange,\n\tplaceholder = __( 'Search blocks' ),\n} ) {\n\tconst [ isActive, setIsActive ] = useState( false );\n\tconst [ currentStyles, setCurrentStyles ] = useState( baseStyles );\n\n\tconst isDark = useColorScheme() === 'dark';\n\tconst inputRef = useRef();\n\tconst onCancelTimer = useRef();\n\n\tconst isIOS = Platform.OS === 'ios';\n\n\tconst darkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'dark' );\n\t}, [] );\n\n\tconst activeStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active' );\n\t}, [] );\n\n\tconst activeDarkStyles = useMemo( () => {\n\t\treturn selectModifiedStyles( baseStyles, 'active-dark' );\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tlet futureStyles = { ...baseStyles };\n\n\t\tfunction mergeFutureStyles( modifiedStyles, shouldUseConditions ) {\n\t\t\tconst shouldUseModified = shouldUseConditions.every(\n\t\t\t\t( should ) => should\n\t\t\t);\n\n\t\t\tconst updatedStyles = shouldUseModified\n\t\t\t\t? modifiedStyles\n\t\t\t\t: futureStyles;\n\n\t\t\tconst selectors = Object.keys( modifiedStyles );\n\n\t\t\tfutureStyles = mergeStyles(\n\t\t\t\tfutureStyles,\n\t\t\t\tupdatedStyles,\n\t\t\t\tselectors\n\t\t\t);\n\t\t}\n\n\t\tmergeFutureStyles( activeStyles, [ isActive ] );\n\t\tmergeFutureStyles( darkStyles, [ isDark ] );\n\t\tmergeFutureStyles( activeDarkStyles, [ isActive, isDark ] );\n\n\t\tsetCurrentStyles( futureStyles );\n\t}, [ isActive, isDark ] );\n\n\tuseEffect( () => {\n\t\tconst keyboardHideSubscription = Keyboard.addListener(\n\t\t\t'keyboardDidHide',\n\t\t\t() => {\n\t\t\t\tif ( ! isIOS ) {\n\t\t\t\t\tonCancel();\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\treturn () => {\n\t\t\tclearTimeout( onCancelTimer.current );\n\t\t\tkeyboardHideSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\t'search-control__container': containerStyle,\n\t\t'search-control__inner-container': innerContainerStyle,\n\t\t'search-control__input-container': inputContainerStyle,\n\t\t'search-control__form-input': formInputStyle,\n\t\t'search-control__form-input-placeholder': placeholderStyle,\n\t\t'search-control__input-button': inputButtonStyle,\n\t\t'search-control__input-button-left': inputButtonLeftStyle,\n\t\t'search-control__input-button-right': inputButtonRightStyle,\n\t\t'search-control__cancel-button': cancelButtonStyle,\n\t\t'search-control__cancel-button-text': cancelButtonTextStyle,\n\t\t'search-control__icon': iconStyle,\n\t\t'search-control__right-icon': rightIconStyle,\n\t} = currentStyles;\n\n\tfunction clearInput() {\n\t\tonChange( '' );\n\t}\n\n\tfunction onCancel() {\n\t\tonCancelTimer.current = setTimeout( () => {\n\t\t\tinputRef.current.blur();\n\t\t\tclearInput();\n\t\t\tsetIsActive( false );\n\t\t}, 0 );\n\t}\n\n\tfunction renderLeftButton() {\n\t\tconst button =\n\t\t\t! isIOS && isActive ? (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Cancel search' ) }\n\t\t\t\t\ticon={ arrowLeftIcon }\n\t\t\t\t\tonClick={ onCancel }\n\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Icon icon={ Gridicons.search } fill={ iconStyle?.color } />\n\t\t\t);\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonLeftStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderRightButton() {\n\t\tlet button;\n\n\t\t// Add a View element to properly center the input placeholder via flexbox.\n\t\tif ( isIOS && ! isActive ) {\n\t\t\tbutton = <View />;\n\t\t}\n\n\t\tif ( !! value ) {\n\t\t\tbutton = (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Clear search' ) }\n\t\t\t\t\ticon={ isIOS ? cancelCircleFilledIcon : closeIcon }\n\t\t\t\t\tonClick={ clearInput }\n\t\t\t\t\tstyle={ [ iconStyle, rightIconStyle ] }\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ [ inputButtonStyle, inputButtonRightStyle ] }>\n\t\t\t\t{ button }\n\t\t\t</View>\n\t\t);\n\t}\n\n\tfunction renderCancel() {\n\t\tif ( ! isIOS ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={ cancelButtonStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tonPress={ onCancel }\n\t\t\t\t\tstyle={ cancelButtonTextStyle }\n\t\t\t\t\taccessible={ true }\n\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\taccessibilityLabel={ __( 'Cancel search' ) }\n\t\t\t\t\taccessibilityHint={ __( 'Cancel search' ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\tstyle={ containerStyle }\n\t\t\tonPress={ () => {\n\t\t\t\tsetIsActive( true );\n\t\t\t\tinputRef.current.focus();\n\t\t\t} }\n\t\t\tactiveOpacity={ 1 }\n\t\t>\n\t\t\t<View style={ innerContainerStyle }>\n\t\t\t\t<View style={ inputContainerStyle }>\n\t\t\t\t\t{ renderLeftButton() }\n\t\t\t\t\t<TextInput\n\t\t\t\t\t\tref={ inputRef }\n\t\t\t\t\t\tstyle={ formInputStyle }\n\t\t\t\t\t\tplaceholderTextColor={ placeholderStyle?.color }\n\t\t\t\t\t\tonChangeText={ onChange }\n\t\t\t\t\t\tonFocus={ () => setIsActive( true ) }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t/>\n\t\t\t\t\t{ renderRightButton() }\n\t\t\t\t</View>\n\t\t\t\t{ isActive && renderCancel() }\n\t\t\t</View>\n\t\t</TouchableOpacity>\n\t);\n}\n\nexport default SearchControl;\n"]}

package/build/select-control/index.js

@@ -42,30 +42,32 @@ function useUniqueId(idProp) {
   return idProp || id;
 }
 
-function SelectControl({
-  className,
-  disabled = false,
-  help,
-  hideLabelFromVision,
-  id: idProp,
-  label,
-  multiple = false,
-  onBlur = _lodash.noop,
-  onChange = _lodash.noop,
-  onFocus = _lodash.noop,
-  options = [],
-  size = 'default',
-  value: valueProp,
-  labelPosition = 'top',
-  prefix,
-  suffix,
-  ...props
-}, ref) {
+function SelectControl(_ref, ref) {
+  let {
+    className,
+    disabled = false,
+    help,
+    hideLabelFromVision,
+    id: idProp,
+    label,
+    multiple = false,
+    onBlur = _lodash.noop,
+    onChange = _lodash.noop,
+    onFocus = _lodash.noop,
+    options = [],
+    size = 'default',
+    value: valueProp,
+    labelPosition = 'top',
+    children,
+    prefix,
+    suffix,
+    ...props
+  } = _ref;
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
   const id = useUniqueId(idProp);
   const helpId = help ? `${id}__help` : undefined; // Disable reason: A select with an onchange throws a warning
 
-  if ((0, _lodash.isEmpty)(options)) return null;
+  if ((0, _lodash.isEmpty)(options) && !children) return null;
 
   const handleOnBlur = event => {
     onBlur(event);
@@ -79,12 +81,18 @@ function SelectControl({
 
   const handleOnChange = event => {
     if (multiple) {
-      const selectedOptions = Array.from(event.target.options).filter(({
-        selected
-      }) => selected);
-      const newValues = selectedOptions.map(({
-        value
-      }) => value);
+      const selectedOptions = Array.from(event.target.options).filter(_ref2 => {
+        let {
+          selected
+        } = _ref2;
+        return selected;
+      });
+      const newValues = selectedOptions.map(_ref3 => {
+        let {
+          value
+        } = _ref3;
+        return value;
+      });
       onChange(newValues);
       return;
     }
@@ -126,7 +134,7 @@ function SelectControl({
     ref: ref,
     selectSize: size,
     value: valueProp
-  }), options.map((option, index) => {
+  }), children || options.map((option, index) => {
     const key = option.id || `${option.label}-${option.value}-${index}`;
     return (0, _element.createElement)("option", {
       key: key,

package/build/select-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/select-control/index.tsx"],"names":["useUniqueId","idProp","instanceId","SelectControl","id","className","disabled","help","hideLabelFromVision","label","multiple","onBlur","noop","onChange","onFocus","options","size","value","valueProp","labelPosition","prefix","suffix","props","ref","isFocused","setIsFocused","helpId","undefined","handleOnBlur","event","handleOnFocus","handleOnChange","selectedOptions","Array","from","target","filter","selected","newValues","map","classes","chevronDown","option","index","key","ForwardedComponent"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty, noop } from 'lodash';\nimport classNames from 'classnames';\n// eslint-disable-next-line no-restricted-imports\nimport type { ChangeEvent, FocusEvent, Ref } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, forwardRef } from '@wordpress/element';\nimport { Icon, chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport InputBase from '../input-control/input-base';\nimport type { InputBaseProps, LabelPosition } from '../input-control/types';\nimport { Select, DownArrowWrapper } from './styles/select-control-styles';\nimport type { Size } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( SelectControl );\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\nexport interface SelectControlProps\n\textends Omit< InputBaseProps, 'children' | 'isFocused' > {\n\thelp?: string;\n\thideLabelFromVision?: boolean;\n\tmultiple?: boolean;\n\tonBlur?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\tonFocus?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\tonChange?: (\n\t\tvalue: string | string[],\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n\toptions?: {\n\t\tlabel: string;\n\t\tvalue: string;\n\t\tid?: string;\n\t\tdisabled?: boolean;\n\t}[];\n\tsize?: Size;\n\tvalue?: string | string[];\n\tlabelPosition?: LabelPosition;\n}\n\nfunction SelectControl(\n\t{\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision,\n\t\tid: idProp,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\toptions = [],\n\t\tsize = 'default',\n\t\tvalue: valueProp,\n\t\tlabelPosition = 'top',\n\t\tprefix,\n\t\tsuffix,\n\t\t...props\n\t}: WordPressComponentProps< SelectControlProps, 'select', false >,\n\tref: Ref< HTMLSelectElement >\n) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst id = useUniqueId( idProp );\n\tconst helpId = help ? `${ id }__help` : undefined;\n\n\t// Disable reason: A select with an onchange throws a warning\n\tif ( isEmpty( options ) ) return null;\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLSelectElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLSelectElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLSelectElement > ) => {\n\t\tif ( multiple ) {\n\t\t\tconst selectedOptions = Array.from( event.target.options ).filter(\n\t\t\t\t( { selected } ) => selected\n\t\t\t);\n\t\t\tconst newValues = selectedOptions.map( ( { value } ) => value );\n\t\t\tonChange( newValues );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( event.target.value, { event } );\n\t};\n\n\tconst classes = classNames( 'components-select-control', className );\n\n\t/* eslint-disable jsx-a11y/no-onchange */\n\treturn (\n\t\t<BaseControl help={ help } id={ id }>\n\t\t\t<InputBase\n\t\t\t\tclassName={ classes }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tisFocused={ isFocused }\n\t\t\t\tlabel={ label }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={\n\t\t\t\t\tsuffix || (\n\t\t\t\t\t\t<DownArrowWrapper>\n\t\t\t\t\t\t\t<Icon icon={ chevronDown } size={ 18 } />\n\t\t\t\t\t\t</DownArrowWrapper>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tprefix={ prefix }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<Select\n\t\t\t\t\t{ ...props }\n\t\t\t\t\taria-describedby={ helpId }\n\t\t\t\t\tclassName=\"components-select-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\tvalue={ valueProp }\n\t\t\t\t>\n\t\t\t\t\t{ options.map( ( option, index ) => {\n\t\t\t\t\t\tconst key =\n\t\t\t\t\t\t\toption.id ||\n\t\t\t\t\t\t\t`${ option.label }-${ option.value }-${ index }`;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t</Select>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n\t/* eslint-enable jsx-a11y/no-onchange */\n}\n\nconst ForwardedComponent = forwardRef( SelectControl );\n\nexport default ForwardedComponent;\n"]}
+{"version":3,"sources":["@wordpress/components/src/select-control/index.tsx"],"names":["useUniqueId","idProp","instanceId","SelectControl","id","ref","className","disabled","help","hideLabelFromVision","label","multiple","onBlur","noop","onChange","onFocus","options","size","value","valueProp","labelPosition","children","prefix","suffix","props","isFocused","setIsFocused","helpId","undefined","handleOnBlur","event","handleOnFocus","handleOnChange","selectedOptions","Array","from","target","filter","selected","newValues","map","classes","chevronDown","option","index","key","ForwardedComponent"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { isEmpty, noop } from 'lodash';\nimport classNames from 'classnames';\n// eslint-disable-next-line no-restricted-imports\nimport type { ChangeEvent, FocusEvent, Ref } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, forwardRef } from '@wordpress/element';\nimport { Icon, chevronDown } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport InputBase from '../input-control/input-base';\nimport type { InputBaseProps, LabelPosition } from '../input-control/types';\nimport { Select, DownArrowWrapper } from './styles/select-control-styles';\nimport type { Size } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( SelectControl );\n\tconst id = `inspector-select-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\nexport interface SelectControlProps\n\textends Omit< InputBaseProps, 'isFocused' > {\n\thelp?: string;\n\thideLabelFromVision?: boolean;\n\tmultiple?: boolean;\n\tonBlur?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\tonFocus?: ( event: FocusEvent< HTMLSelectElement > ) => void;\n\tonChange?: (\n\t\tvalue: string | string[],\n\t\textra?: { event?: ChangeEvent< HTMLSelectElement > }\n\t) => void;\n\toptions?: {\n\t\tlabel: string;\n\t\tvalue: string;\n\t\tid?: string;\n\t\tdisabled?: boolean;\n\t}[];\n\tsize?: Size;\n\tvalue?: string | string[];\n\tlabelPosition?: LabelPosition;\n}\n\nfunction SelectControl(\n\t{\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision,\n\t\tid: idProp,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\toptions = [],\n\t\tsize = 'default',\n\t\tvalue: valueProp,\n\t\tlabelPosition = 'top',\n\t\tchildren,\n\t\tprefix,\n\t\tsuffix,\n\t\t...props\n\t}: WordPressComponentProps< SelectControlProps, 'select', false >,\n\tref: Ref< HTMLSelectElement >\n) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst id = useUniqueId( idProp );\n\tconst helpId = help ? `${ id }__help` : undefined;\n\n\t// Disable reason: A select with an onchange throws a warning\n\tif ( isEmpty( options ) && ! children ) return null;\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLSelectElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLSelectElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLSelectElement > ) => {\n\t\tif ( multiple ) {\n\t\t\tconst selectedOptions = Array.from( event.target.options ).filter(\n\t\t\t\t( { selected } ) => selected\n\t\t\t);\n\t\t\tconst newValues = selectedOptions.map( ( { value } ) => value );\n\t\t\tonChange( newValues );\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( event.target.value, { event } );\n\t};\n\n\tconst classes = classNames( 'components-select-control', className );\n\n\t/* eslint-disable jsx-a11y/no-onchange */\n\treturn (\n\t\t<BaseControl help={ help } id={ id }>\n\t\t\t<InputBase\n\t\t\t\tclassName={ classes }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tisFocused={ isFocused }\n\t\t\t\tlabel={ label }\n\t\t\t\tsize={ size }\n\t\t\t\tsuffix={\n\t\t\t\t\tsuffix || (\n\t\t\t\t\t\t<DownArrowWrapper>\n\t\t\t\t\t\t\t<Icon icon={ chevronDown } size={ 18 } />\n\t\t\t\t\t\t</DownArrowWrapper>\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tprefix={ prefix }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<Select\n\t\t\t\t\t{ ...props }\n\t\t\t\t\taria-describedby={ helpId }\n\t\t\t\t\tclassName=\"components-select-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tselectSize={ size }\n\t\t\t\t\tvalue={ valueProp }\n\t\t\t\t>\n\t\t\t\t\t{ children ||\n\t\t\t\t\t\toptions.map( ( option, index ) => {\n\t\t\t\t\t\t\tconst key =\n\t\t\t\t\t\t\t\toption.id ||\n\t\t\t\t\t\t\t\t`${ option.label }-${ option.value }-${ index }`;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<option\n\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} ) }\n\t\t\t\t</Select>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n\t/* eslint-enable jsx-a11y/no-onchange */\n}\n\nconst ForwardedComponent = forwardRef( SelectControl );\n\nexport default ForwardedComponent;\n"]}

package/build/select-control/index.native.js

@@ -20,17 +20,18 @@ var _pickerCell = _interopRequireDefault(require("../mobile/bottom-sheet/picker-
 /**
  * Internal dependencies
  */
-const SelectControl = (0, _element.memo)(({
-  help,
-  instanceId,
-  label,
-  multiple = false,
-  onChange,
-  options = [],
-  className,
-  hideLabelFromVision,
-  ...props
-}) => {
+const SelectControl = (0, _element.memo)(_ref => {
+  let {
+    help,
+    instanceId,
+    label,
+    multiple = false,
+    onChange,
+    options = [],
+    className,
+    hideLabelFromVision,
+    ...props
+  } = _ref;
   const id = `inspector-select-control-${instanceId}`;
   return (0, _element.createElement)(_pickerCell.default, (0, _extends2.default)({
     label: label,

package/build/select-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/select-control/index.native.js"],"names":["SelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,mBACrB,CAAE;AACDC,EAAAA,IADC;AAEDC,EAAAA,UAFC;AAGDC,EAAAA,KAHC;AAIDC,EAAAA,QAAQ,GAAG,KAJV;AAKDC,EAAAA,QALC;AAMDC,EAAAA,OAAO,GAAG,EANT;AAODC,EAAAA,SAPC;AAQDC,EAAAA,mBARC;AASD,KAAGC;AATF,CAAF,KAUO;AACN,QAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAApD;AAEA,SACC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,mBAAmB,EAAGK,mBAFvB;AAGC,IAAA,EAAE,EAAGE,EAHN;AAIC,IAAA,IAAI,EAAGT,IAJR;AAKC,IAAA,SAAS,EAAGM,SALb;AAMC,IAAA,aAAa,EAAGF,QANjB;AAOC,wBAAmB,CAAC,CAAEJ,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BC,SAPhD;AAQC,IAAA,QAAQ,EAAGP,QARZ;AASC,IAAA,OAAO,EAAGE;AATX,KAUMG,KAVN,EADD;AAcA,CA5BoB,CAAtB;eA+BeT,a","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport PickerCell from '../mobile/bottom-sheet/picker-cell';\n\nconst SelectControl = memo(\n\t( {\n\t\thelp,\n\t\tinstanceId,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonChange,\n\t\toptions = [],\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\t...props\n\t} ) => {\n\t\tconst id = `inspector-select-control-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<PickerCell\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChangeValue={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\toptions={ options }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default SelectControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/select-control/index.native.js"],"names":["SelectControl","help","instanceId","label","multiple","onChange","options","className","hideLabelFromVision","props","id","undefined"],"mappings":";;;;;;;;;AAGA;;;;AAIA;;AAPA;AACA;AACA;;AAEA;AACA;AACA;AAGA,MAAMA,aAAa,GAAG,mBACrB,QAUO;AAAA,MAVL;AACDC,IAAAA,IADC;AAEDC,IAAAA,UAFC;AAGDC,IAAAA,KAHC;AAIDC,IAAAA,QAAQ,GAAG,KAJV;AAKDC,IAAAA,QALC;AAMDC,IAAAA,OAAO,GAAG,EANT;AAODC,IAAAA,SAPC;AAQDC,IAAAA,mBARC;AASD,OAAGC;AATF,GAUK;AACN,QAAMC,EAAE,GAAI,4BAA4BR,UAAY,EAApD;AAEA,SACC,4BAAC,mBAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,mBAAmB,EAAGK,mBAFvB;AAGC,IAAA,EAAE,EAAGE,EAHN;AAIC,IAAA,IAAI,EAAGT,IAJR;AAKC,IAAA,SAAS,EAAGM,SALb;AAMC,IAAA,aAAa,EAAGF,QANjB;AAOC,wBAAmB,CAAC,CAAEJ,IAAH,GAAW,GAAGS,EAAI,QAAlB,GAA4BC,SAPhD;AAQC,IAAA,QAAQ,EAAGP,QARZ;AASC,IAAA,OAAO,EAAGE;AATX,KAUMG,KAVN,EADD;AAcA,CA5BoB,CAAtB;eA+BeT,a","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport PickerCell from '../mobile/bottom-sheet/picker-cell';\n\nconst SelectControl = memo(\n\t( {\n\t\thelp,\n\t\tinstanceId,\n\t\tlabel,\n\t\tmultiple = false,\n\t\tonChange,\n\t\toptions = [],\n\t\tclassName,\n\t\thideLabelFromVision,\n\t\t...props\n\t} ) => {\n\t\tconst id = `inspector-select-control-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<PickerCell\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\thelp={ help }\n\t\t\t\tclassName={ className }\n\t\t\t\tonChangeValue={ onChange }\n\t\t\t\taria-describedby={ !! help ? `${ id }__help` : undefined }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\toptions={ options }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t);\n\t}\n);\n\nexport default SelectControl;\n"]}

package/build/select-control/styles/select-control-styles.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DownArrowWrapper = exports.Select = void 0;
+exports.Select = exports.DownArrowWrapper = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 
@@ -20,18 +20,20 @@ var _utils = require("../../utils");
 /**
  * Internal dependencies
  */
-const disabledStyles = ({
-  disabled
-}) => {
+const disabledStyles = _ref => {
+  let {
+    disabled
+  } = _ref;
   if (!disabled) return '';
   return /*#__PURE__*/(0, _react.css)({
     color: _utils.COLORS.ui.textDisabled
   }, process.env.NODE_ENV === "production" ? "" : ";label:disabledStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQlEiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9zZWxlY3QtY29udHJvbC9zdHlsZXMvc2VsZWN0LWNvbnRyb2wtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuaW50ZXJmYWNlIFNlbGVjdFByb3BzIHtcblx0ZGlzYWJsZWQ/OiBib29sZWFuO1xuXHRzZWxlY3RTaXplPzogU2l6ZTtcbn1cblxuY29uc3QgZGlzYWJsZWRTdHlsZXMgPSAoIHsgZGlzYWJsZWQgfTogU2VsZWN0UHJvcHMgKSA9PiB7XG5cdGlmICggISBkaXNhYmxlZCApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Y29sb3I6IENPTE9SUy51aS50ZXh0RGlzYWJsZWQsXG5cdH0gKTtcbn07XG5cbmNvbnN0IGZvbnRTaXplU3R5bGVzID0gKCB7IHNlbGVjdFNpemUgfTogU2VsZWN0UHJvcHMgKSA9PiB7XG5cdGNvbnN0IHNpemVzID0ge1xuXHRcdGRlZmF1bHQ6ICcxM3B4Jyxcblx0XHRzbWFsbDogJzExcHgnLFxuXHR9O1xuXG5cdGNvbnN0IGZvbnRTaXplID0gc2l6ZXNbIHNlbGVjdFNpemUgYXMgU2l6ZSBdO1xuXHRjb25zdCBmb250U2l6ZU1vYmlsZSA9ICcxNnB4JztcblxuXHRpZiAoICEgZm9udFNpemUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRmb250LXNpemU6ICR7IGZvbnRTaXplTW9iaWxlIH07XG5cblx0XHRAbWVkaWEgKCBtaW4td2lkdGg6IDYwMHB4ICkge1xuXHRcdFx0Zm9udC1zaXplOiAkeyBmb250U2l6ZSB9O1xuXHRcdH1cblx0YDtcbn07XG5cbmNvbnN0IHNpemVTdHlsZXMgPSAoIHsgc2VsZWN0U2l6ZSB9OiBTZWxlY3RQcm9wcyApID0+IHtcblx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0ZGVmYXVsdDoge1xuXHRcdFx0aGVpZ2h0OiAzMCxcblx0XHRcdGxpbmVIZWlnaHQ6IDEsXG5cdFx0XHRtaW5IZWlnaHQ6IDMwLFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdGhlaWdodDogMjQsXG5cdFx0XHRsaW5lSGVpZ2h0OiAxLFxuXHRcdFx0bWluSGVpZ2h0OiAyNCxcblx0XHR9LFxuXHR9O1xuXG5cdGNvbnN0IHN0eWxlID0gc2l6ZXNbIHNlbGVjdFNpemUgYXMgU2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cblx0cmV0dXJuIGNzcyggc3R5bGUgKTtcbn07XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0YXBwZWFyYW5jZTogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogMDtcblx0XHR3aWR0aDogMTAwJTtcblxuXHRcdCR7IGRpc2FibGVkU3R5bGVzIH07XG5cdFx0JHsgZm9udFNpemVTdHlsZXMgfTtcblx0XHQkeyBzaXplU3R5bGVzIH07XG5cblx0XHQkeyBydGwoIHsgcGFkZGluZ0xlZnQ6IDgsIHBhZGRpbmdSaWdodDogMjQgfSApIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvd25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3R0b206IDA7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBhZGRpbmc6IDAgNHB4O1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cblx0JHsgcnRsKCB7IHJpZ2h0OiAwIH0gKSB9XG5cblx0c3ZnIHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0fVxuYDtcbiJdfQ== */");
 };
 
-const fontSizeStyles = ({
-  selectSize
-}) => {
+const fontSizeStyles = _ref2 => {
+  let {
+    selectSize
+  } = _ref2;
   const sizes = {
     default: '13px',
     small: '11px'
@@ -42,9 +44,10 @@ const fontSizeStyles = ({
   return /*#__PURE__*/(0, _react.css)("font-size:", fontSizeMobile, ";@media ( min-width: 600px ){font-size:", fontSize, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:fontSizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc2VsZWN0LWNvbnRyb2wvc3R5bGVzL3NlbGVjdC1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ1ciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9zZWxlY3QtY29udHJvbC9zdHlsZXMvc2VsZWN0LWNvbnRyb2wtc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT0xPUlMsIHJ0bCB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU2l6ZSB9IGZyb20gJy4uL3R5cGVzJztcblxuaW50ZXJmYWNlIFNlbGVjdFByb3BzIHtcblx0ZGlzYWJsZWQ/OiBib29sZWFuO1xuXHRzZWxlY3RTaXplPzogU2l6ZTtcbn1cblxuY29uc3QgZGlzYWJsZWRTdHlsZXMgPSAoIHsgZGlzYWJsZWQgfTogU2VsZWN0UHJvcHMgKSA9PiB7XG5cdGlmICggISBkaXNhYmxlZCApIHJldHVybiAnJztcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Y29sb3I6IENPTE9SUy51aS50ZXh0RGlzYWJsZWQsXG5cdH0gKTtcbn07XG5cbmNvbnN0IGZvbnRTaXplU3R5bGVzID0gKCB7IHNlbGVjdFNpemUgfTogU2VsZWN0UHJvcHMgKSA9PiB7XG5cdGNvbnN0IHNpemVzID0ge1xuXHRcdGRlZmF1bHQ6ICcxM3B4Jyxcblx0XHRzbWFsbDogJzExcHgnLFxuXHR9O1xuXG5cdGNvbnN0IGZvbnRTaXplID0gc2l6ZXNbIHNlbGVjdFNpemUgYXMgU2l6ZSBdO1xuXHRjb25zdCBmb250U2l6ZU1vYmlsZSA9ICcxNnB4JztcblxuXHRpZiAoICEgZm9udFNpemUgKSByZXR1cm4gJyc7XG5cblx0cmV0dXJuIGNzc2Bcblx0XHRmb250LXNpemU6ICR7IGZvbnRTaXplTW9iaWxlIH07XG5cblx0XHRAbWVkaWEgKCBtaW4td2lkdGg6IDYwMHB4ICkge1xuXHRcdFx0Zm9udC1zaXplOiAkeyBmb250U2l6ZSB9O1xuXHRcdH1cblx0YDtcbn07XG5cbmNvbnN0IHNpemVTdHlsZXMgPSAoIHsgc2VsZWN0U2l6ZSB9OiBTZWxlY3RQcm9wcyApID0+IHtcblx0Y29uc3Qgc2l6ZXMgPSB7XG5cdFx0ZGVmYXVsdDoge1xuXHRcdFx0aGVpZ2h0OiAzMCxcblx0XHRcdGxpbmVIZWlnaHQ6IDEsXG5cdFx0XHRtaW5IZWlnaHQ6IDMwLFxuXHRcdH0sXG5cdFx0c21hbGw6IHtcblx0XHRcdGhlaWdodDogMjQsXG5cdFx0XHRsaW5lSGVpZ2h0OiAxLFxuXHRcdFx0bWluSGVpZ2h0OiAyNCxcblx0XHR9LFxuXHR9O1xuXG5cdGNvbnN0IHN0eWxlID0gc2l6ZXNbIHNlbGVjdFNpemUgYXMgU2l6ZSBdIHx8IHNpemVzLmRlZmF1bHQ7XG5cblx0cmV0dXJuIGNzcyggc3R5bGUgKTtcbn07XG5cbi8vIFRPRE86IFJlc29sdmUgbmVlZCB0byB1c2UgJiYmIHRvIGluY3JlYXNlIHNwZWNpZmljaXR5XG4vLyBodHRwczovL2dpdGh1Yi5jb20vV29yZFByZXNzL2d1dGVuYmVyZy9pc3N1ZXMvMTg0ODNcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9IHN0eWxlZC5zZWxlY3Q8IFNlbGVjdFByb3BzID5gXG5cdCYmJiB7XG5cdFx0YXBwZWFyYW5jZTogbm9uZTtcblx0XHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0XHRib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXHRcdGJvcmRlcjogbm9uZTtcblx0XHRib3gtc2hhZG93OiBub25lICFpbXBvcnRhbnQ7XG5cdFx0Y29sb3I6ICR7IENPTE9SUy5ibGFjayB9O1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogMDtcblx0XHR3aWR0aDogMTAwJTtcblxuXHRcdCR7IGRpc2FibGVkU3R5bGVzIH07XG5cdFx0JHsgZm9udFNpemVTdHlsZXMgfTtcblx0XHQkeyBzaXplU3R5bGVzIH07XG5cblx0XHQkeyBydGwoIHsgcGFkZGluZ0xlZnQ6IDgsIHBhZGRpbmdSaWdodDogMjQgfSApIH1cblx0fVxuYDtcblxuZXhwb3J0IGNvbnN0IERvd25BcnJvd1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3R0b206IDA7XG5cdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBhZGRpbmc6IDAgNHB4O1xuXHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHR0b3A6IDA7XG5cblx0JHsgcnRsKCB7IHJpZ2h0OiAwIH0gKSB9XG5cblx0c3ZnIHtcblx0XHRkaXNwbGF5OiBibG9jaztcblx0fVxuYDtcbiJdfQ== */");
 };
 
-const sizeStyles = ({
-  selectSize
-}) => {
+const sizeStyles = _ref3 => {
+  let {
+    selectSize
+  } = _ref3;
   const sizes = {
     default: {
       height: 30,

package/build/select-control/styles/select-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/select-control/styles/select-control-styles.ts"],"names":["disabledStyles","disabled","color","COLORS","ui","textDisabled","fontSizeStyles","selectSize","sizes","default","small","fontSize","fontSizeMobile","css","sizeStyles","height","lineHeight","minHeight","style","Select","black","paddingLeft","paddingRight","DownArrowWrapper","right"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AASA,MAAMA,cAAc,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAiC;AACvD,MAAK,CAAEA,QAAP,EAAkB,OAAO,EAAP;AAElB,sBAAO,gBAAK;AACXC,IAAAA,KAAK,EAAEC,cAAOC,EAAP,CAAUC;AADN,GAAL,4oGAAP;AAGA,CAND;;AAQA,MAAMC,cAAc,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAmC;AACzD,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE,MADI;AAEbC,IAAAA,KAAK,EAAE;AAFM,GAAd;AAKA,QAAMC,QAAQ,GAAGH,KAAK,CAAED,UAAF,CAAtB;AACA,QAAMK,cAAc,GAAG,MAAvB;AAEA,MAAK,CAAED,QAAP,EAAkB,OAAO,EAAP;AAElB,0BAAOE,UAAP,gBACeD,cADf,6CAIgBD,QAJhB;AAOA,CAlBD;;AAoBA,MAAMG,UAAU,GAAG,CAAE;AAAEP,EAAAA;AAAF,CAAF,KAAmC;AACrD,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE;AACRM,MAAAA,MAAM,EAAE,EADA;AAERC,MAAAA,UAAU,EAAE,CAFJ;AAGRC,MAAAA,SAAS,EAAE;AAHH,KADI;AAMbP,IAAAA,KAAK,EAAE;AACNK,MAAAA,MAAM,EAAE,EADF;AAENC,MAAAA,UAAU,EAAE,CAFN;AAGNC,MAAAA,SAAS,EAAE;AAHL;AANM,GAAd;AAaA,QAAMC,KAAK,GAAGV,KAAK,CAAED,UAAF,CAAL,IAA+BC,KAAK,CAACC,OAAnD;AAEA,sBAAO,gBAAKS,KAAL,woGAAP;AACA,CAjBD,C,CAmBA;AACA;;;AAEO,MAAMC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,oHAOPhB,cAAOiB,KAPA,yCAYdpB,cAZc,OAadM,cAbc,OAcdQ,UAdc,OAgBd,gBAAK;AAAEO,EAAAA,WAAW,EAAE,CAAf;AAAkBC,EAAAA,YAAY,EAAE;AAAhC,CAAL,CAhBc,8kGAAZ;;AAoBA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,gIAUzB,gBAAK;AAAEC,EAAAA,KAAK,EAAE;AAAT,CAAL,CAVyB,gmGAAtB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport type { Size } from '../types';\n\ninterface SelectProps {\n\tdisabled?: boolean;\n\tselectSize?: Size;\n}\n\nconst disabledStyles = ( { disabled }: SelectProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { selectSize }: SelectProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t};\n\n\tconst fontSize = sizes[ selectSize as Size ];\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nconst sizeStyles = ( { selectSize }: SelectProps ) => {\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t},\n\t};\n\n\tconst style = sizes[ selectSize as Size ] || sizes.default;\n\n\treturn css( style );\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Select = styled.select< SelectProps >`\n\t&&& {\n\t\tappearance: none;\n\t\tbackground: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.black };\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\twidth: 100%;\n\n\t\t${ disabledStyles };\n\t\t${ fontSizeStyles };\n\t\t${ sizeStyles };\n\n\t\t${ rtl( { paddingLeft: 8, paddingRight: 24 } ) }\n\t}\n`;\n\nexport const DownArrowWrapper = styled.div`\n\talign-items: center;\n\tbottom: 0;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding: 0 4px;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 0;\n\n\t${ rtl( { right: 0 } ) }\n\n\tsvg {\n\t\tdisplay: block;\n\t}\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/select-control/styles/select-control-styles.ts"],"names":["disabledStyles","disabled","color","COLORS","ui","textDisabled","fontSizeStyles","selectSize","sizes","default","small","fontSize","fontSizeMobile","css","sizeStyles","height","lineHeight","minHeight","style","Select","black","paddingLeft","paddingRight","DownArrowWrapper","right"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AASA,MAAMA,cAAc,GAAG,QAAiC;AAAA,MAA/B;AAAEC,IAAAA;AAAF,GAA+B;AACvD,MAAK,CAAEA,QAAP,EAAkB,OAAO,EAAP;AAElB,sBAAO,gBAAK;AACXC,IAAAA,KAAK,EAAEC,cAAOC,EAAP,CAAUC;AADN,GAAL,4oGAAP;AAGA,CAND;;AAQA,MAAMC,cAAc,GAAG,SAAmC;AAAA,MAAjC;AAAEC,IAAAA;AAAF,GAAiC;AACzD,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE,MADI;AAEbC,IAAAA,KAAK,EAAE;AAFM,GAAd;AAKA,QAAMC,QAAQ,GAAGH,KAAK,CAAED,UAAF,CAAtB;AACA,QAAMK,cAAc,GAAG,MAAvB;AAEA,MAAK,CAAED,QAAP,EAAkB,OAAO,EAAP;AAElB,0BAAOE,UAAP,gBACeD,cADf,6CAIgBD,QAJhB;AAOA,CAlBD;;AAoBA,MAAMG,UAAU,GAAG,SAAmC;AAAA,MAAjC;AAAEP,IAAAA;AAAF,GAAiC;AACrD,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE;AACRM,MAAAA,MAAM,EAAE,EADA;AAERC,MAAAA,UAAU,EAAE,CAFJ;AAGRC,MAAAA,SAAS,EAAE;AAHH,KADI;AAMbP,IAAAA,KAAK,EAAE;AACNK,MAAAA,MAAM,EAAE,EADF;AAENC,MAAAA,UAAU,EAAE,CAFN;AAGNC,MAAAA,SAAS,EAAE;AAHL;AANM,GAAd;AAaA,QAAMC,KAAK,GAAGV,KAAK,CAAED,UAAF,CAAL,IAA+BC,KAAK,CAACC,OAAnD;AAEA,sBAAO,gBAAKS,KAAL,woGAAP;AACA,CAjBD,C,CAmBA;AACA;;;AAEO,MAAMC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,oHAOPhB,cAAOiB,KAPA,yCAYdpB,cAZc,OAadM,cAbc,OAcdQ,UAdc,OAgBd,gBAAK;AAAEO,EAAAA,WAAW,EAAE,CAAf;AAAkBC,EAAAA,YAAY,EAAE;AAAhC,CAAL,CAhBc,8kGAAZ;;AAoBA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,gIAUzB,gBAAK;AAAEC,EAAAA,KAAK,EAAE;AAAT,CAAL,CAVyB,gmGAAtB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, rtl } from '../../utils';\nimport type { Size } from '../types';\n\ninterface SelectProps {\n\tdisabled?: boolean;\n\tselectSize?: Size;\n}\n\nconst disabledStyles = ( { disabled }: SelectProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { selectSize }: SelectProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t};\n\n\tconst fontSize = sizes[ selectSize as Size ];\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nconst sizeStyles = ( { selectSize }: SelectProps ) => {\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t},\n\t};\n\n\tconst style = sizes[ selectSize as Size ] || sizes.default;\n\n\treturn css( style );\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Select = styled.select< SelectProps >`\n\t&&& {\n\t\tappearance: none;\n\t\tbackground: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.black };\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\twidth: 100%;\n\n\t\t${ disabledStyles };\n\t\t${ fontSizeStyles };\n\t\t${ sizeStyles };\n\n\t\t${ rtl( { paddingLeft: 8, paddingRight: 24 } ) }\n\t}\n`;\n\nexport const DownArrowWrapper = styled.div`\n\talign-items: center;\n\tbottom: 0;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n\tpadding: 0 4px;\n\tpointer-events: none;\n\tposition: absolute;\n\ttop: 0;\n\n\t${ rtl( { right: 0 } ) }\n\n\tsvg {\n\t\tdisplay: block;\n\t}\n`;\n"]}

package/build/select-control/types.js

@@ -1,2 +1,6 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/build/shortcut/index.js

@@ -25,10 +25,12 @@ var _lodash = require("lodash");
  * @param {Props} props Props
  * @return {JSX.Element | null} Element
  */
-function Shortcut({
-  shortcut,
-  className
-}) {
+function Shortcut(_ref) {
+  let {
+    shortcut,
+    className
+  } = _ref;
+
   if (!shortcut) {
     return null;
   }

package/build/shortcut/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/shortcut/index.js"],"names":["Shortcut","shortcut","className","displayText","ariaLabel","display"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,SAASA,QAAT,CAAmB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA;AAAZ,CAAnB,EAA6C;AAC5C,MAAK,CAAED,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,MAAIE,WAAJ;AACA,MAAIC,SAAJ;;AAEA,MAAK,sBAAUH,QAAV,CAAL,EAA4B;AAC3BE,IAAAA,WAAW,GAAGF,QAAd;AACA;;AAED,MAAK,sBAAUA,QAAV,CAAL,EAA4B;AAC3BE,IAAAA,WAAW,GAAGF,QAAQ,CAACI,OAAvB;AACAD,IAAAA,SAAS,GAAGH,QAAQ,CAACG,SAArB;AACA;;AAED,SACC;AAAM,IAAA,SAAS,EAAGF,SAAlB;AAA8B,kBAAaE;AAA3C,KACGD,WADH,CADD;AAKA;;eAEcH,Q","sourcesContent":["/**\n * External dependencies\n */\nimport { isString, isObject } from 'lodash';\n\n/** @typedef {string | { display: string, ariaLabel: string }} Shortcut */\n/**\n * @typedef Props\n * @property {Shortcut} shortcut    Shortcut configuration\n * @property {string}   [className] Classname\n */\n\n/**\n * @param {Props} props Props\n * @return {JSX.Element | null} Element\n */\nfunction Shortcut( { shortcut, className } ) {\n\tif ( ! shortcut ) {\n\t\treturn null;\n\t}\n\n\tlet displayText;\n\tlet ariaLabel;\n\n\tif ( isString( shortcut ) ) {\n\t\tdisplayText = shortcut;\n\t}\n\n\tif ( isObject( shortcut ) ) {\n\t\tdisplayText = shortcut.display;\n\t\tariaLabel = shortcut.ariaLabel;\n\t}\n\n\treturn (\n\t\t<span className={ className } aria-label={ ariaLabel }>\n\t\t\t{ displayText }\n\t\t</span>\n\t);\n}\n\nexport default Shortcut;\n"]}
+{"version":3,"sources":["@wordpress/components/src/shortcut/index.js"],"names":["Shortcut","shortcut","className","displayText","ariaLabel","display"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,SAASA,QAAT,OAA6C;AAAA,MAA1B;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAA0B;;AAC5C,MAAK,CAAED,QAAP,EAAkB;AACjB,WAAO,IAAP;AACA;;AAED,MAAIE,WAAJ;AACA,MAAIC,SAAJ;;AAEA,MAAK,sBAAUH,QAAV,CAAL,EAA4B;AAC3BE,IAAAA,WAAW,GAAGF,QAAd;AACA;;AAED,MAAK,sBAAUA,QAAV,CAAL,EAA4B;AAC3BE,IAAAA,WAAW,GAAGF,QAAQ,CAACI,OAAvB;AACAD,IAAAA,SAAS,GAAGH,QAAQ,CAACG,SAArB;AACA;;AAED,SACC;AAAM,IAAA,SAAS,EAAGF,SAAlB;AAA8B,kBAAaE;AAA3C,KACGD,WADH,CADD;AAKA;;eAEcH,Q","sourcesContent":["/**\n * External dependencies\n */\nimport { isString, isObject } from 'lodash';\n\n/** @typedef {string | { display: string, ariaLabel: string }} Shortcut */\n/**\n * @typedef Props\n * @property {Shortcut} shortcut    Shortcut configuration\n * @property {string}   [className] Classname\n */\n\n/**\n * @param {Props} props Props\n * @return {JSX.Element | null} Element\n */\nfunction Shortcut( { shortcut, className } ) {\n\tif ( ! shortcut ) {\n\t\treturn null;\n\t}\n\n\tlet displayText;\n\tlet ariaLabel;\n\n\tif ( isString( shortcut ) ) {\n\t\tdisplayText = shortcut;\n\t}\n\n\tif ( isObject( shortcut ) ) {\n\t\tdisplayText = shortcut.display;\n\t\tariaLabel = shortcut.ariaLabel;\n\t}\n\n\treturn (\n\t\t<span className={ className } aria-label={ ariaLabel }>\n\t\t\t{ displayText }\n\t\t</span>\n\t);\n}\n\nexport default Shortcut;\n"]}

package/build/slot-fill/bubbles-virtually/fill.js

@@ -35,10 +35,11 @@ function useForceUpdate() {
   };
 }
 
-function Fill({
-  name,
-  children
-}) {
+function Fill(_ref) {
+  let {
+    name,
+    children
+  } = _ref;
   const slot = (0, _useSlot.default)(name);
   const ref = (0, _element.useRef)({
     rerender: useForceUpdate()

package/build/slot-fill/bubbles-virtually/fill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/fill.js"],"names":["useForceUpdate","setState","mounted","current","Fill","name","children","slot","ref","rerender","registerFill","unregisterFill","fillProps"],"mappings":";;;;;;;;;AAIA;;AAKA;;AATA;;AACA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,cAAT,GAA0B;AACzB,QAAM,GAAIC,QAAJ,IAAiB,uBAAU,EAAV,CAAvB;AACA,QAAMC,OAAO,GAAG,qBAAQ,IAAR,CAAhB;AAEA,0BAAW,MAAM;AAChB,WAAO,MAAM;AACZA,MAAAA,OAAO,CAACC,OAAR,GAAkB,KAAlB;AACA,KAFD;AAGA,GAJD,EAIG,EAJH;AAMA,SAAO,MAAM;AACZ,QAAKD,OAAO,CAACC,OAAb,EAAuB;AACtBF,MAAAA,QAAQ,CAAE,EAAF,CAAR;AACA;AACD,GAJD;AAKA;;AAEc,SAASG,IAAT,CAAe;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAf,EAAoC;AAClD,QAAMC,IAAI,GAAG,sBAASF,IAAT,CAAb;AACA,QAAMG,GAAG,GAAG,qBAAQ;AAAEC,IAAAA,QAAQ,EAAET,cAAc;AAA1B,GAAR,CAAZ;AAEA,0BAAW,MAAM;AAChB;AACA;AACA;AACAO,IAAAA,IAAI,CAACG,YAAL,CAAmBF,GAAnB;AACA,WAAO,MAAM;AACZD,MAAAA,IAAI,CAACI,cAAL,CAAqBH,GAArB;AACA,KAFD;AAGA,GARD,EAQG,CAAED,IAAI,CAACG,YAAP,EAAqBH,IAAI,CAACI,cAA1B,CARH;;AAUA,MAAK,CAAEJ,IAAI,CAACC,GAAP,IAAc,CAAED,IAAI,CAACC,GAAL,CAASL,OAA9B,EAAwC;AACvC,WAAO,IAAP;AACA;;AAED,MAAK,OAAOG,QAAP,KAAoB,UAAzB,EAAsC;AACrCA,IAAAA,QAAQ,GAAGA,QAAQ,CAAEC,IAAI,CAACK,SAAP,CAAnB;AACA;;AAED,SAAO,2BAAcN,QAAd,EAAwBC,IAAI,CAACC,GAAL,CAASL,OAAjC,CAAP;AACA","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { useRef, useState, useEffect, createPortal } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useSlot from './use-slot';\n\nfunction useForceUpdate() {\n\tconst [ , setState ] = useState( {} );\n\tconst mounted = useRef( true );\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t};\n\t}, [] );\n\n\treturn () => {\n\t\tif ( mounted.current ) {\n\t\t\tsetState( {} );\n\t\t}\n\t};\n}\n\nexport default function Fill( { name, children } ) {\n\tconst slot = useSlot( name );\n\tconst ref = useRef( { rerender: useForceUpdate() } );\n\n\tuseEffect( () => {\n\t\t// We register fills so we can keep track of their existance.\n\t\t// Some Slot implementations need to know if there're already fills\n\t\t// registered so they can choose to render themselves or not.\n\t\tslot.registerFill( ref );\n\t\treturn () => {\n\t\t\tslot.unregisterFill( ref );\n\t\t};\n\t}, [ slot.registerFill, slot.unregisterFill ] );\n\n\tif ( ! slot.ref || ! slot.ref.current ) {\n\t\treturn null;\n\t}\n\n\tif ( typeof children === 'function' ) {\n\t\tchildren = children( slot.fillProps );\n\t}\n\n\treturn createPortal( children, slot.ref.current );\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/fill.js"],"names":["useForceUpdate","setState","mounted","current","Fill","name","children","slot","ref","rerender","registerFill","unregisterFill","fillProps"],"mappings":";;;;;;;;;AAIA;;AAKA;;AATA;;AACA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,cAAT,GAA0B;AACzB,QAAM,GAAIC,QAAJ,IAAiB,uBAAU,EAAV,CAAvB;AACA,QAAMC,OAAO,GAAG,qBAAQ,IAAR,CAAhB;AAEA,0BAAW,MAAM;AAChB,WAAO,MAAM;AACZA,MAAAA,OAAO,CAACC,OAAR,GAAkB,KAAlB;AACA,KAFD;AAGA,GAJD,EAIG,EAJH;AAMA,SAAO,MAAM;AACZ,QAAKD,OAAO,CAACC,OAAb,EAAuB;AACtBF,MAAAA,QAAQ,CAAE,EAAF,CAAR;AACA;AACD,GAJD;AAKA;;AAEc,SAASG,IAAT,OAAoC;AAAA,MAArB;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAAqB;AAClD,QAAMC,IAAI,GAAG,sBAASF,IAAT,CAAb;AACA,QAAMG,GAAG,GAAG,qBAAQ;AAAEC,IAAAA,QAAQ,EAAET,cAAc;AAA1B,GAAR,CAAZ;AAEA,0BAAW,MAAM;AAChB;AACA;AACA;AACAO,IAAAA,IAAI,CAACG,YAAL,CAAmBF,GAAnB;AACA,WAAO,MAAM;AACZD,MAAAA,IAAI,CAACI,cAAL,CAAqBH,GAArB;AACA,KAFD;AAGA,GARD,EAQG,CAAED,IAAI,CAACG,YAAP,EAAqBH,IAAI,CAACI,cAA1B,CARH;;AAUA,MAAK,CAAEJ,IAAI,CAACC,GAAP,IAAc,CAAED,IAAI,CAACC,GAAL,CAASL,OAA9B,EAAwC;AACvC,WAAO,IAAP;AACA;;AAED,MAAK,OAAOG,QAAP,KAAoB,UAAzB,EAAsC;AACrCA,IAAAA,QAAQ,GAAGA,QAAQ,CAAEC,IAAI,CAACK,SAAP,CAAnB;AACA;;AAED,SAAO,2BAAcN,QAAd,EAAwBC,IAAI,CAACC,GAAL,CAASL,OAAjC,CAAP;AACA","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { useRef, useState, useEffect, createPortal } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useSlot from './use-slot';\n\nfunction useForceUpdate() {\n\tconst [ , setState ] = useState( {} );\n\tconst mounted = useRef( true );\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tmounted.current = false;\n\t\t};\n\t}, [] );\n\n\treturn () => {\n\t\tif ( mounted.current ) {\n\t\t\tsetState( {} );\n\t\t}\n\t};\n}\n\nexport default function Fill( { name, children } ) {\n\tconst slot = useSlot( name );\n\tconst ref = useRef( { rerender: useForceUpdate() } );\n\n\tuseEffect( () => {\n\t\t// We register fills so we can keep track of their existance.\n\t\t// Some Slot implementations need to know if there're already fills\n\t\t// registered so they can choose to render themselves or not.\n\t\tslot.registerFill( ref );\n\t\treturn () => {\n\t\t\tslot.unregisterFill( ref );\n\t\t};\n\t}, [ slot.registerFill, slot.unregisterFill ] );\n\n\tif ( ! slot.ref || ! slot.ref.current ) {\n\t\treturn null;\n\t}\n\n\tif ( typeof children === 'function' ) {\n\t\tchildren = children( slot.fillProps );\n\t}\n\n\treturn createPortal( children, slot.ref.current );\n}\n"]}

package/build/slot-fill/bubbles-virtually/slot-fill-provider.js

@@ -97,9 +97,10 @@ function useSlotRegistry() {
   return registry;
 }
 
-function SlotFillProvider({
-  children
-}) {
+function SlotFillProvider(_ref) {
+  let {
+    children
+  } = _ref;
   const registry = useSlotRegistry();
   return (0, _element.createElement)(_slotFillContext.default.Provider, {
     value: registry

package/build/slot-fill/bubbles-virtually/slot-fill-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"names":["useSlotRegistry","slots","setSlots","fills","setFills","registerSlot","name","ref","fillProps","prevSlots","slot","unregisterSlot","nextSlots","updateSlot","slotFills","map","fill","current","rerender","registerFill","prevFills","unregisterFill","filter","fillRef","registry","SlotFillProvider","children"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { useMemo, useCallback, useState } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\n\nfunction useSlotRegistry() {\n\tconst [ slots, setSlots ] = useState( {} );\n\tconst [ fills, setFills ] = useState( {} );\n\n\tconst registerSlot = useCallback( ( name, ref, fillProps ) => {\n\t\tsetSlots( ( prevSlots ) => {\n\t\t\tconst slot = prevSlots[ name ] || {};\n\t\t\treturn {\n\t\t\t\t...prevSlots,\n\t\t\t\t[ name ]: {\n\t\t\t\t\t...slot,\n\t\t\t\t\tref: ref || slot.ref,\n\t\t\t\t\tfillProps: fillProps || slot.fillProps || {},\n\t\t\t\t},\n\t\t\t};\n\t\t} );\n\t}, [] );\n\n\tconst unregisterSlot = useCallback( ( name, ref ) => {\n\t\tsetSlots( ( prevSlots ) => {\n\t\t\tconst { [ name ]: slot, ...nextSlots } = prevSlots;\n\t\t\t// Make sure we're not unregistering a slot registered by another element\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n\t\t\tif ( slot?.ref === ref ) {\n\t\t\t\treturn nextSlots;\n\t\t\t}\n\t\t\treturn prevSlots;\n\t\t} );\n\t}, [] );\n\n\tconst updateSlot = useCallback(\n\t\t( name, fillProps ) => {\n\t\t\tconst slot = slots[ name ];\n\t\t\tif ( ! slot ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! isShallowEqual( slot.fillProps, fillProps ) ) {\n\t\t\t\tslot.fillProps = fillProps;\n\t\t\t\tconst slotFills = fills[ name ];\n\t\t\t\tif ( slotFills ) {\n\t\t\t\t\t// Force update fills\n\t\t\t\t\tslotFills.map( ( fill ) => fill.current.rerender() );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ slots, fills ]\n\t);\n\n\tconst registerFill = useCallback( ( name, ref ) => {\n\t\tsetFills( ( prevFills ) => ( {\n\t\t\t...prevFills,\n\t\t\t[ name ]: [ ...( prevFills[ name ] || [] ), ref ],\n\t\t} ) );\n\t}, [] );\n\n\tconst unregisterFill = useCallback( ( name, ref ) => {\n\t\tsetFills( ( prevFills ) => {\n\t\t\tif ( prevFills[ name ] ) {\n\t\t\t\treturn {\n\t\t\t\t\t...prevFills,\n\t\t\t\t\t[ name ]: prevFills[ name ].filter(\n\t\t\t\t\t\t( fillRef ) => fillRef !== ref\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn prevFills;\n\t\t} );\n\t}, [] );\n\n\t// Memoizing the return value so it can be directly passed to Provider value\n\tconst registry = useMemo(\n\t\t() => ( {\n\t\t\tslots,\n\t\t\tfills,\n\t\t\tregisterSlot,\n\t\t\tupdateSlot,\n\t\t\tunregisterSlot,\n\t\t\tregisterFill,\n\t\t\tunregisterFill,\n\t\t} ),\n\t\t[\n\t\t\tslots,\n\t\t\tfills,\n\t\t\tregisterSlot,\n\t\t\tupdateSlot,\n\t\t\tunregisterSlot,\n\t\t\tregisterFill,\n\t\t\tunregisterFill,\n\t\t]\n\t);\n\n\treturn registry;\n}\n\nexport default function SlotFillProvider( { children } ) {\n\tconst registry = useSlotRegistry();\n\treturn (\n\t\t<SlotFillContext.Provider value={ registry }>\n\t\t\t{ children }\n\t\t</SlotFillContext.Provider>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/slot-fill/bubbles-virtually/slot-fill-provider.js"],"names":["useSlotRegistry","slots","setSlots","fills","setFills","registerSlot","name","ref","fillProps","prevSlots","slot","unregisterSlot","nextSlots","updateSlot","slotFills","map","fill","current","rerender","registerFill","prevFills","unregisterFill","filter","fillRef","registry","SlotFillProvider","children"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { useMemo, useCallback, useState } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\n\n/**\n * Internal dependencies\n */\nimport SlotFillContext from './slot-fill-context';\n\nfunction useSlotRegistry() {\n\tconst [ slots, setSlots ] = useState( {} );\n\tconst [ fills, setFills ] = useState( {} );\n\n\tconst registerSlot = useCallback( ( name, ref, fillProps ) => {\n\t\tsetSlots( ( prevSlots ) => {\n\t\t\tconst slot = prevSlots[ name ] || {};\n\t\t\treturn {\n\t\t\t\t...prevSlots,\n\t\t\t\t[ name ]: {\n\t\t\t\t\t...slot,\n\t\t\t\t\tref: ref || slot.ref,\n\t\t\t\t\tfillProps: fillProps || slot.fillProps || {},\n\t\t\t\t},\n\t\t\t};\n\t\t} );\n\t}, [] );\n\n\tconst unregisterSlot = useCallback( ( name, ref ) => {\n\t\tsetSlots( ( prevSlots ) => {\n\t\t\tconst { [ name ]: slot, ...nextSlots } = prevSlots;\n\t\t\t// Make sure we're not unregistering a slot registered by another element\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412\n\t\t\tif ( slot?.ref === ref ) {\n\t\t\t\treturn nextSlots;\n\t\t\t}\n\t\t\treturn prevSlots;\n\t\t} );\n\t}, [] );\n\n\tconst updateSlot = useCallback(\n\t\t( name, fillProps ) => {\n\t\t\tconst slot = slots[ name ];\n\t\t\tif ( ! slot ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! isShallowEqual( slot.fillProps, fillProps ) ) {\n\t\t\t\tslot.fillProps = fillProps;\n\t\t\t\tconst slotFills = fills[ name ];\n\t\t\t\tif ( slotFills ) {\n\t\t\t\t\t// Force update fills\n\t\t\t\t\tslotFills.map( ( fill ) => fill.current.rerender() );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ slots, fills ]\n\t);\n\n\tconst registerFill = useCallback( ( name, ref ) => {\n\t\tsetFills( ( prevFills ) => ( {\n\t\t\t...prevFills,\n\t\t\t[ name ]: [ ...( prevFills[ name ] || [] ), ref ],\n\t\t} ) );\n\t}, [] );\n\n\tconst unregisterFill = useCallback( ( name, ref ) => {\n\t\tsetFills( ( prevFills ) => {\n\t\t\tif ( prevFills[ name ] ) {\n\t\t\t\treturn {\n\t\t\t\t\t...prevFills,\n\t\t\t\t\t[ name ]: prevFills[ name ].filter(\n\t\t\t\t\t\t( fillRef ) => fillRef !== ref\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn prevFills;\n\t\t} );\n\t}, [] );\n\n\t// Memoizing the return value so it can be directly passed to Provider value\n\tconst registry = useMemo(\n\t\t() => ( {\n\t\t\tslots,\n\t\t\tfills,\n\t\t\tregisterSlot,\n\t\t\tupdateSlot,\n\t\t\tunregisterSlot,\n\t\t\tregisterFill,\n\t\t\tunregisterFill,\n\t\t} ),\n\t\t[\n\t\t\tslots,\n\t\t\tfills,\n\t\t\tregisterSlot,\n\t\t\tupdateSlot,\n\t\t\tunregisterSlot,\n\t\t\tregisterFill,\n\t\t\tunregisterFill,\n\t\t]\n\t);\n\n\treturn registry;\n}\n\nexport default function SlotFillProvider( { children } ) {\n\tconst registry = useSlotRegistry();\n\treturn (\n\t\t<SlotFillContext.Provider value={ registry }>\n\t\t\t{ children }\n\t\t</SlotFillContext.Provider>\n\t);\n}\n"]}