@wordpress/components 25.5.0 → 25.6.1

package/build/mobile/bottom-sheet/cycle-picker-cell.native.js

@@ -1,19 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BottomSheetCyclePickerCell;
-
 var _element = require("@wordpress/element");
-
 var _cell = _interopRequireDefault(require("./cell"));
-
 /**
  * Internal dependencies
  */
+
 function BottomSheetCyclePickerCell(props) {
   const {
     value,
@@ -21,11 +18,9 @@ function BottomSheetCyclePickerCell(props) {
     onChangeValue,
     ...cellProps
   } = props;
-
   const nextOptionValue = () => {
     return options[(selectedOptionIndex + 1) % options.length].value;
   };
-
   const selectedOptionIndex = options.findIndex(option => option.value === value);
   const optionsContainsValue = options.length > 0 && selectedOptionIndex !== -1;
   return (0, _element.createElement)(_cell.default, {

package/build/mobile/bottom-sheet/cycle-picker-cell.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/cycle-picker-cell.native.js"],"names":["BottomSheetCyclePickerCell","props","value","options","onChangeValue","cellProps","nextOptionValue","selectedOptionIndex","length","findIndex","option","optionsContainsValue","name"],"mappings":";;;;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGe,SAASA,0BAAT,CAAqCC,KAArC,EAA6C;AAC3D,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA,aAAlB;AAAiC,OAAGC;AAApC,MAAkDJ,KAAxD;;AAEA,QAAMK,eAAe,GAAG,MAAM;AAC7B,WAAOH,OAAO,CAAE,CAAEI,mBAAmB,GAAG,CAAxB,IAA8BJ,OAAO,CAACK,MAAxC,CAAP,CAAwDN,KAA/D;AACA,GAFD;;AAIA,QAAMK,mBAAmB,GAAGJ,OAAO,CAACM,SAAR,CACzBC,MAAF,IAAcA,MAAM,CAACR,KAAP,KAAiBA,KADJ,CAA5B;AAGA,QAAMS,oBAAoB,GACzBR,OAAO,CAACK,MAAR,GAAiB,CAAjB,IAAsBD,mBAAmB,KAAK,CAAC,CADhD;AAGA,SACC,4BAAC,aAAD;AACC,IAAA,OAAO,EAAG,MACTI,oBAAoB,IAAIP,aAAa,CAAEE,eAAe,EAAjB,CAFvC;AAIC,IAAA,QAAQ,EAAG,KAJZ;AAKC,IAAA,KAAK,EACJK,oBAAoB,IAAIR,OAAO,CAAEI,mBAAF,CAAP,CAA+BK,IANzD;AAAA,OAQMP;AARN,IADD;AAYA","sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nexport default function BottomSheetCyclePickerCell( props ) {\n\tconst { value, options, onChangeValue, ...cellProps } = props;\n\n\tconst nextOptionValue = () => {\n\t\treturn options[ ( selectedOptionIndex + 1 ) % options.length ].value;\n\t};\n\n\tconst selectedOptionIndex = options.findIndex(\n\t\t( option ) => option.value === value\n\t);\n\tconst optionsContainsValue =\n\t\toptions.length > 0 && selectedOptionIndex !== -1;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ () =>\n\t\t\t\toptionsContainsValue && onChangeValue( nextOptionValue() )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={\n\t\t\t\toptionsContainsValue && options[ selectedOptionIndex ].name\n\t\t\t}\n\t\t\t{ ...cellProps }\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"names":["_cell","_interopRequireDefault","require","BottomSheetCyclePickerCell","props","value","options","onChangeValue","cellProps","nextOptionValue","selectedOptionIndex","length","findIndex","option","optionsContainsValue","_element","createElement","default","onPress","editable","name"],"sources":["@wordpress/components/src/mobile/bottom-sheet/cycle-picker-cell.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport Cell from './cell';\n\nexport default function BottomSheetCyclePickerCell( props ) {\n\tconst { value, options, onChangeValue, ...cellProps } = props;\n\n\tconst nextOptionValue = () => {\n\t\treturn options[ ( selectedOptionIndex + 1 ) % options.length ].value;\n\t};\n\n\tconst selectedOptionIndex = options.findIndex(\n\t\t( option ) => option.value === value\n\t);\n\tconst optionsContainsValue =\n\t\toptions.length > 0 && selectedOptionIndex !== -1;\n\n\treturn (\n\t\t<Cell\n\t\t\tonPress={ () =>\n\t\t\t\toptionsContainsValue && onChangeValue( nextOptionValue() )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tvalue={\n\t\t\t\toptionsContainsValue && options[ selectedOptionIndex ].name\n\t\t\t}\n\t\t\t{ ...cellProps }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,0BAA0BA,CAAEC,KAAK,EAAG;EAC3D,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC,aAAa;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE7D,MAAMK,eAAe,GAAGA,CAAA,KAAM;IAC7B,OAAOH,OAAO,CAAE,CAAEI,mBAAmB,GAAG,CAAC,IAAKJ,OAAO,CAACK,MAAM,CAAE,CAACN,KAAK;EACrE,CAAC;EAED,MAAMK,mBAAmB,GAAGJ,OAAO,CAACM,SAAS,CAC1CC,MAAM,IAAMA,MAAM,CAACR,KAAK,KAAKA,KAChC,CAAC;EACD,MAAMS,oBAAoB,GACzBR,OAAO,CAACK,MAAM,GAAG,CAAC,IAAID,mBAAmB,KAAK,CAAC,CAAC;EAEjD,OACC,IAAAK,QAAA,CAAAC,aAAA,EAAChB,KAAA,CAAAiB,OAAI;IACJC,OAAO,EAAGA,CAAA,KACTJ,oBAAoB,IAAIP,aAAa,CAAEE,eAAe,CAAC,CAAE,CACzD;IACDU,QAAQ,EAAG,KAAO;IAClBd,KAAK,EACJS,oBAAoB,IAAIR,OAAO,CAAEI,mBAAmB,CAAE,CAACU,IACvD;IAAA,GACIZ;EAAS,CACd,CAAC;AAEJ"}

package/build/mobile/bottom-sheet/footer-message-cell.native.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _cell = _interopRequireDefault(require("./cell"));
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 /**
  * WordPress dependencies
  */
@@ -22,11 +16,13 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
+
 function FooterMessageCell({
   textAlign = 'left',
   ...props
 }) {
-  return (0, _element.createElement)(_cell.default, { ...props,
+  return (0, _element.createElement)(_cell.default, {
+    ...props,
     editable: false,
     value: '',
     accessibilityRole: 'text',
@@ -35,8 +31,6 @@ function FooterMessageCell({
     }]
   });
 }
-
 var _default = (0, _compose.withPreferredColorScheme)(FooterMessageCell);
-
 exports.default = _default;
 //# sourceMappingURL=footer-message-cell.native.js.map

package/build/mobile/bottom-sheet/footer-message-cell.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-cell.native.js"],"names":["FooterMessageCell","textAlign","props","styles","footerMessageCell"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AACA;;AARA;AACA;AACA;;AAEA;AACA;AACA;AAIA,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,SAAS,GAAG,MAAd;AAAsB,KAAGC;AAAzB,CAA5B,EAA+D;AAC9D,SACC,4BAAC,aAAD,OACMA,KADN;AAEC,IAAA,QAAQ,EAAG,KAFZ;AAGC,IAAA,KAAK,EAAG,EAHT;AAIC,IAAA,iBAAiB,EAAG,MAJrB;AAKC,IAAA,UAAU,EAAG,CAAEC,gBAAOC,iBAAT,EAA4B;AAAEH,MAAAA;AAAF,KAA5B;AALd,IADD;AASA;;eAEc,uCAA0BD,iBAA1B,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nfunction FooterMessageCell( { textAlign = 'left', ...props } ) {\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\taccessibilityRole={ 'text' }\n\t\t\tlabelStyle={ [ styles.footerMessageCell, { textAlign } ] }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( FooterMessageCell );\n"]}
+{"version":3,"names":["_compose","require","_cell","_interopRequireDefault","_styles","FooterMessageCell","textAlign","props","_element","createElement","default","editable","value","accessibilityRole","labelStyle","styles","footerMessageCell","_default","withPreferredColorScheme","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nfunction FooterMessageCell( { textAlign = 'left', ...props } ) {\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\teditable={ false }\n\t\t\tvalue={ '' }\n\t\t\taccessibilityRole={ 'text' }\n\t\t\tlabelStyle={ [ styles.footerMessageCell, { textAlign } ] }\n\t\t/>\n\t);\n}\n\nexport default withPreferredColorScheme( FooterMessageCell );\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAEA;AACA;AACA;;AAIA,SAASI,iBAAiBA,CAAE;EAAEC,SAAS,GAAG,MAAM;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACP,KAAA,CAAAQ,OAAI;IAAA,GACCH,KAAK;IACVI,QAAQ,EAAG,KAAO;IAClBC,KAAK,EAAG,EAAI;IACZC,iBAAiB,EAAG,MAAQ;IAC5BC,UAAU,EAAG,CAAEC,eAAM,CAACC,iBAAiB,EAAE;MAAEV;IAAU,CAAC;EAAI,CAC1D,CAAC;AAEJ;AAAC,IAAAW,QAAA,GAEc,IAAAC,iCAAwB,EAAEb,iBAAkB,CAAC;AAAAc,OAAA,CAAAT,OAAA,GAAAO,QAAA"}

package/build/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _compose = require("@wordpress/compose");
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 /**
  * External dependencies
  */
@@ -26,6 +20,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 /**
  * Internal dependencies
  */
+
 function FooterMessageLink({
   href,
   value
@@ -36,7 +31,6 @@ function FooterMessageLink({
     onPress: () => _reactNative.Linking.openURL(href)
   }, value);
 }
-
 var _default = FooterMessageLink;
 exports.default = _default;
 //# sourceMappingURL=footer-message-link.native.js.map

package/build/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js"],"names":["FooterMessageLink","href","value","textStyle","styles","footerMessageLink","footerMessageLinkDark","Linking","openURL"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AAIA;;AAXA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AAGA,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAA5B,EAA8C;AAC7C,QAAMC,SAAS,GAAG,2CACjBC,gBAAOC,iBADU,EAEjBD,gBAAOE,qBAFU,CAAlB;AAIA,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGH,SAAd;AAA0B,IAAA,OAAO,EAAG,MAAMI,qBAAQC,OAAR,CAAiBP,IAAjB;AAA1C,KACGC,KADH,CADD;AAKA;;eAEcF,iB","sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Linking } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction FooterMessageLink( { href, value } ) {\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.footerMessageLink,\n\t\tstyles.footerMessageLinkDark\n\t);\n\treturn (\n\t\t<Text style={ textStyle } onPress={ () => Linking.openURL( href ) }>\n\t\t\t{ value }\n\t\t</Text>\n\t);\n}\n\nexport default FooterMessageLink;\n"]}
+{"version":3,"names":["_reactNative","require","_compose","_styles","_interopRequireDefault","FooterMessageLink","href","value","textStyle","usePreferredColorSchemeStyle","styles","footerMessageLink","footerMessageLinkDark","_element","createElement","Text","style","onPress","Linking","openURL","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/footer-message-link/footer-message-link.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, Linking } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction FooterMessageLink( { href, value } ) {\n\tconst textStyle = usePreferredColorSchemeStyle(\n\t\tstyles.footerMessageLink,\n\t\tstyles.footerMessageLinkDark\n\t);\n\treturn (\n\t\t<Text style={ textStyle } onPress={ () => Linking.openURL( href ) }>\n\t\t\t{ value }\n\t\t</Text>\n\t);\n}\n\nexport default FooterMessageLink;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASI,iBAAiBA,CAAE;EAAEC,IAAI;EAAEC;AAAM,CAAC,EAAG;EAC7C,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,eAAM,CAACC,iBAAiB,EACxBD,eAAM,CAACE,qBACR,CAAC;EACD,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAGR,SAAW;IAACS,OAAO,EAAGA,CAAA,KAAMC,oBAAO,CAACC,OAAO,CAAEb,IAAK;EAAG,GAChEC,KACG,CAAC;AAET;AAAC,IAAAa,QAAA,GAEcf,iBAAiB;AAAAgB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/mobile/bottom-sheet/index.native.js

@@ -1,58 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _reactNative = require("react-native");
-
 var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
-
 var _reactNativeSafeArea = _interopRequireDefault(require("react-native-safe-area"));
-
 var _reactNativeBridge = require("@wordpress/react-native-bridge");
-
 var _compose = require("@wordpress/compose");
-
 var _styles = _interopRequireDefault(require("./styles.scss"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _cell = _interopRequireDefault(require("./cell"));
-
 var _cyclePickerCell = _interopRequireDefault(require("./cycle-picker-cell"));
-
 var _pickerCell = _interopRequireDefault(require("./picker-cell"));
-
 var _switchCell = _interopRequireDefault(require("./switch-cell"));
-
 var _rangeCell = _interopRequireDefault(require("./range-cell"));
-
 var _colorCell = _interopRequireDefault(require("./color-cell"));
-
 var _linkCell = _interopRequireDefault(require("./link-cell"));
-
 var _linkSuggestionItemCell = _interopRequireDefault(require("./link-suggestion-item-cell"));
-
 var _radioCell = _interopRequireDefault(require("./radio-cell"));
-
 var _navigationScreen = _interopRequireDefault(require("./bottom-sheet-navigation/navigation-screen"));
-
 var _navigationContainer = _interopRequireDefault(require("./bottom-sheet-navigation/navigation-container"));
-
 var _keyboardAvoidingView = _interopRequireDefault(require("./keyboard-avoiding-view"));
-
 var _subSheet = _interopRequireDefault(require("./sub-sheet"));
-
 var _navBar = _interopRequireDefault(require("./nav-bar"));
-
 var _bottomSheetContext = require("./bottom-sheet-context");
-
 /**
  * External dependencies
  */
@@ -64,8 +39,8 @@ var _bottomSheetContext = require("./bottom-sheet-context");
 /**
  * Internal dependencies
  */
-const DEFAULT_LAYOUT_ANIMATION = _reactNative.LayoutAnimation.Presets.easeInEaseOut;
 
+const DEFAULT_LAYOUT_ANIMATION = _reactNative.LayoutAnimation.Presets.easeInEaseOut;
 class BottomSheet extends _element.Component {
   constructor() {
     super(...arguments);
@@ -101,12 +76,10 @@ class BottomSheet extends _element.Component {
       isFullScreen: this.props.isFullScreen || false
     };
   }
-
   keyboardShow(e) {
     if (!this.props.isVisible) {
       return;
     }
-
     const {
       height
     } = e.endCoordinates;
@@ -115,24 +88,20 @@ class BottomSheet extends _element.Component {
     this.onSetMaxHeight();
     this.props.onKeyboardShow?.();
   }
-
   keyboardHide(e) {
     if (!this.props.isVisible) {
       return;
     }
-
     this.keyboardHeight = 0;
     this.performKeyboardLayoutAnimation(e);
     this.onSetMaxHeight();
     this.props.onKeyboardHide?.();
   }
-
   performKeyboardLayoutAnimation(event) {
     const {
       duration,
       easing
     } = event;
-
     if (duration && easing) {
       // This layout animation is the same as the React Native's KeyboardAvoidingView component.
       // Reference: https://github.com/facebook/react-native/blob/266b21baf35e052ff28120f79c06c4f6dddc51a9/Libraries/Components/Keyboard/KeyboardAvoidingView.js#L119-L128.
@@ -144,21 +113,22 @@ class BottomSheet extends _element.Component {
       const layoutAnimation = {
         duration: animationConfig.duration,
         update: animationConfig,
-        create: { ...animationConfig,
+        create: {
+          ...animationConfig,
           property: _reactNative.LayoutAnimation.Properties.opacity
         },
-        delete: { ...animationConfig,
+        delete: {
+          ...animationConfig,
           property: _reactNative.LayoutAnimation.Properties.opacity
         }
       };
       this.lastLayoutAnimationFinished = false;
-
       _reactNative.LayoutAnimation.configureNext(layoutAnimation, () => {
         this.lastLayoutAnimationFinished = true;
       });
-
       this.lastLayoutAnimation = layoutAnimation;
-    } else {// TODO: Reinstate animations, possibly replacing `LayoutAnimation` with
+    } else {
+      // TODO: Reinstate animations, possibly replacing `LayoutAnimation` with
       // more nuanced `Animated` usage or replacing our custom `BottomSheet`
       // with `@gorhom/bottom-sheet`. This animation was disabled to avoid a
       // preexisting bug: https://github.com/WordPress/gutenberg/issues/30562
@@ -167,7 +137,6 @@ class BottomSheet extends _element.Component {
       // } );.
     }
   }
-
   performRegularLayoutAnimation({
     useLastLayoutAnimation
   }) {
@@ -175,66 +144,53 @@ class BottomSheet extends _element.Component {
     if (_reactNative.Platform.OS === 'android' && this.lastLayoutAnimation && !this.lastLayoutAnimationFinished) {
       return;
     }
-
     const layoutAnimation = useLastLayoutAnimation ? this.lastLayoutAnimation || DEFAULT_LAYOUT_ANIMATION : DEFAULT_LAYOUT_ANIMATION;
     this.lastLayoutAnimationFinished = false;
-
     _reactNative.LayoutAnimation.configureNext(layoutAnimation, () => {
       this.lastLayoutAnimationFinished = true;
     });
-
     this.lastLayoutAnimation = layoutAnimation;
   }
-
   componentDidMount() {
     _reactNativeSafeArea.default.getSafeAreaInsetsForRootView().then(this.onSafeAreaInsetsUpdate);
-
     if (_reactNative.Platform.OS === 'android') {
       this.androidModalClosedSubscription = (0, _reactNativeBridge.subscribeAndroidModalClosed)(() => {
         this.props.onClose();
       });
     }
+    this.dimensionsChangeSubscription = _reactNative.Dimensions.addEventListener('change', this.onDimensionsChange);
 
-    this.dimensionsChangeSubscription = _reactNative.Dimensions.addEventListener('change', this.onDimensionsChange); // 'Will' keyboard events are not available on Android.
+    // 'Will' keyboard events are not available on Android.
     // Reference: https://reactnative.dev/docs/0.61/keyboard#addlistener.
-
     this.keyboardShowListener = _reactNative.Keyboard.addListener(_reactNative.Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow', this.keyboardShow);
     this.keyboardHideListener = _reactNative.Keyboard.addListener(_reactNative.Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide', this.keyboardHide);
     this.safeAreaEventSubscription = _reactNativeSafeArea.default.addEventListener('safeAreaInsetsForRootViewDidChange', this.onSafeAreaInsetsUpdate);
     this.onSetMaxHeight();
   }
-
   componentWillUnmount() {
     this.dimensionsChangeSubscription.remove();
     this.keyboardShowListener.remove();
     this.keyboardHideListener.remove();
-
     if (this.androidModalClosedSubscription) {
       this.androidModalClosedSubscription.remove();
     }
-
     if (this.safeAreaEventSubscription === null) {
       return;
     }
-
     this.safeAreaEventSubscription.remove();
     this.safeAreaEventSubscription = null;
   }
-
   onSafeAreaInsetsUpdate(result) {
     const {
       safeAreaBottomInset,
       safeAreaTopInset
     } = this.state;
-
     if (this.safeAreaEventSubscription === null) {
       return;
     }
-
     const {
       safeAreaInsets
     } = result;
-
     if (safeAreaBottomInset !== safeAreaInsets.bottom || safeAreaTopInset !== safeAreaInsets.top) {
       this.setState({
         safeAreaBottomInset: safeAreaInsets.bottom,
@@ -242,56 +198,53 @@ class BottomSheet extends _element.Component {
       });
     }
   }
-
   onSetMaxHeight() {
     const {
       height,
       width
     } = _reactNative.Dimensions.get('window');
-
     const {
       safeAreaBottomInset
     } = this.state;
-    const statusBarHeight = _reactNative.Platform.OS === 'android' ? _reactNative.StatusBar.currentHeight : 0; // `maxHeight` when modal is opened along with a keyboard.
+    const statusBarHeight = _reactNative.Platform.OS === 'android' ? _reactNative.StatusBar.currentHeight : 0;
 
-    const maxHeightWithOpenKeyboard = 0.95 * (_reactNative.Dimensions.get('window').height - this.keyboardHeight - statusBarHeight - this.headerHeight); // In landscape orientation, set `maxHeight` to ~96% of the height.
+    // `maxHeight` when modal is opened along with a keyboard.
+    const maxHeightWithOpenKeyboard = 0.95 * (_reactNative.Dimensions.get('window').height - this.keyboardHeight - statusBarHeight - this.headerHeight);
 
+    // In landscape orientation, set `maxHeight` to ~96% of the height.
     if (width > height) {
       this.setState({
         maxHeight: Math.min(0.96 * height - this.headerHeight, maxHeightWithOpenKeyboard)
-      }); // In portrait orientation, set `maxHeight` to ~59% of the height.
+      });
+      // In portrait orientation, set `maxHeight` to ~59% of the height.
     } else {
       this.setState({
         maxHeight: Math.min(height * 0.59 - safeAreaBottomInset - this.headerHeight, maxHeightWithOpenKeyboard)
       });
     }
   }
-
   onDimensionsChange() {
     this.onSetMaxHeight();
     this.setState({
       bounces: false
     });
   }
-
   onHeaderLayout({
     nativeEvent
   }) {
     const {
       height
-    } = nativeEvent.layout; // The layout animation should only be triggered if the header
+    } = nativeEvent.layout;
+    // The layout animation should only be triggered if the header
     // height has changed after being mounted.
-
     if (this.headerHeight !== 0 && Math.round(height) !== Math.round(this.headerHeight)) {
       this.performRegularLayoutAnimation({
         useLastLayoutAnimation: true
       });
     }
-
     this.headerHeight = height;
     this.onSetMaxHeight();
   }
-
   isCloseToBottom({
     layoutMeasurement,
     contentOffset,
@@ -299,13 +252,11 @@ class BottomSheet extends _element.Component {
   }) {
     return layoutMeasurement.height + contentOffset.y >= contentSize.height - contentOffset.y;
   }
-
   isCloseToTop({
     contentOffset
   }) {
     return contentOffset.y < 10;
   }
-
   onScroll({
     nativeEvent
   }) {
@@ -319,49 +270,40 @@ class BottomSheet extends _element.Component {
       });
     }
   }
-
   onDismiss() {
     const {
       onDismiss
     } = this.props;
-
     if (onDismiss) {
       onDismiss();
     }
-
     this.onCloseBottomSheet();
   }
-
   onShouldEnableScroll(value) {
     this.setState({
       scrollEnabled: value
     });
   }
-
   onShouldSetBottomSheetMaxHeight(value) {
     this.setState({
       isMaxHeightSet: value
     });
   }
-
   isScrolling(value) {
     this.setState({
       isScrolling: value
     });
   }
-
   onHandleClosingBottomSheet(action) {
     this.setState({
       handleClosingBottomSheet: action
     });
   }
-
   onHandleHardwareButtonPress(action) {
     this.setState({
       handleHardwareButtonPress: action
     });
   }
-
   onCloseBottomSheet() {
     const {
       onClose
@@ -369,19 +311,15 @@ class BottomSheet extends _element.Component {
     const {
       handleClosingBottomSheet
     } = this.state;
-
     if (handleClosingBottomSheet) {
       handleClosingBottomSheet();
       this.onHandleClosingBottomSheet(null);
     }
-
     if (onClose) {
       onClose();
     }
-
     this.onShouldSetBottomSheetMaxHeight(true);
   }
-
   setIsFullScreen(isFullScreen) {
     if (isFullScreen !== this.state.isFullScreen) {
       if (isFullScreen) {
@@ -397,7 +335,6 @@ class BottomSheet extends _element.Component {
       }
     }
   }
-
   onHardwareButtonPress() {
     const {
       onClose
@@ -405,16 +342,13 @@ class BottomSheet extends _element.Component {
     const {
       handleHardwareButtonPress
     } = this.state;
-
     if (handleHardwareButtonPress && handleHardwareButtonPress()) {
       return;
     }
-
     if (onClose) {
       return onClose();
     }
   }
-
   getContentStyle() {
     const {
       safeAreaBottomInset
@@ -423,7 +357,6 @@ class BottomSheet extends _element.Component {
       paddingBottom: (safeAreaBottomInset || 0) + _styles.default.scrollableContent.paddingBottom
     };
   }
-
   render() {
     const {
       title = '',
@@ -451,7 +384,6 @@ class BottomSheet extends _element.Component {
       isMaxHeightSet,
       isFullScreen
     } = this.state;
-
     const panResponder = _reactNative.PanResponder.create({
       onMoveShouldSetPanResponder: (evt, gestureState) => {
         // 'swiping-to-close' option is temporarily and partially disabled
@@ -464,15 +396,12 @@ class BottomSheet extends _element.Component {
             return true;
           }
         }
-
         return false;
       }
     });
-
     const backgroundStyle = getStylesFromColorScheme(_styles.default.background, _styles.default.backgroundDark);
     const bottomSheetHeaderTitleStyle = getStylesFromColorScheme(_styles.default.bottomSheetHeaderTitle, _styles.default.bottomSheetHeaderTitleDark);
     let listStyle = {};
-
     if (isFullScreen) {
       listStyle = {
         flexGrow: 1,
@@ -481,14 +410,14 @@ class BottomSheet extends _element.Component {
     } else if (isMaxHeightSet) {
       listStyle = {
         maxHeight
-      }; // Allow setting a "static" height of the bottom sheet
-      // by setting the min height to the max height.
+      };
 
+      // Allow setting a "static" height of the bottom sheet
+      // by setting the min height to the max height.
       if (this.props.setMinHeightToMaxHeight) {
         listStyle.minHeight = maxHeight;
       }
     }
-
     const listProps = {
       disableScrollViewPanResponder: true,
       bounces,
@@ -505,7 +434,6 @@ class BottomSheet extends _element.Component {
       automaticallyAdjustContentInsets: false
     };
     const WrapperView = hasNavigation ? _reactNative.View : _reactNative.ScrollView;
-
     const getHeader = () => (0, _element.createElement)(_element.Fragment, null, header || (0, _element.createElement)(_reactNative.View, {
       style: _styles.default.bottomSheetHeader
     }, (0, _element.createElement)(_reactNative.View, {
@@ -518,17 +446,15 @@ class BottomSheet extends _element.Component {
     }, rightButton)), withHeaderSeparator && (0, _element.createElement)(_reactNative.View, {
       style: _styles.default.separator
     }));
-
     const showDragIndicator = () => {
       // If iOS or not fullscreen show the drag indicator.
       if (_reactNative.Platform.OS === 'ios' || !this.state.isFullScreen) {
         return true;
-      } // Otherwise check the allowDragIndicator.
-
+      }
 
+      // Otherwise check the allowDragIndicator.
       return this.props.allowDragIndicator;
     };
-
     return (0, _element.createElement)(_reactNativeModal.default, {
       isVisible: isVisible,
       style: _styles.default.bottomModal,
@@ -549,7 +475,8 @@ class BottomSheet extends _element.Component {
       ...rest
     }, (0, _element.createElement)(_keyboardAvoidingView.default, {
       behavior: _reactNative.Platform.OS === 'ios' && 'padding',
-      style: { ...backgroundStyle,
+      style: {
+        ...backgroundStyle,
         borderColor: 'rgba(0, 0, 0, 0.1)',
         marginTop: _reactNative.Platform.OS === 'ios' && isFullScreen ? safeAreaTopInset : 0,
         flex: isFullScreen ? 1 : undefined,
@@ -563,7 +490,8 @@ class BottomSheet extends _element.Component {
       testID: `${rest.testID || 'bottom-sheet'}-header`
     }, showDragIndicator() && (0, _element.createElement)(_reactNative.View, {
       style: _styles.default.dragIndicator
-    }), !hideHeader && getHeader()), (0, _element.createElement)(WrapperView, { ...(hasNavigation ? {
+    }), !hideHeader && getHeader()), (0, _element.createElement)(WrapperView, {
+      ...(hasNavigation ? {
         style: listProps.style
       } : listProps)
     }, (0, _element.createElement)(_bottomSheetContext.BottomSheetProvider, {
@@ -587,13 +515,10 @@ class BottomSheet extends _element.Component {
       }
     }))));
   }
-
 }
-
 function getWidth() {
   return Math.min(_reactNative.Dimensions.get('window').width, _styles.default.background.maxWidth);
 }
-
 const ThemedBottomSheet = (0, _compose.withPreferredColorScheme)(BottomSheet);
 ThemedBottomSheet.getWidth = getWidth;
 ThemedBottomSheet.Button = _button.default;