@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build/mobile/bottom-sheet/keyboard-avoiding-view.native.js

@@ -1,117 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _element = require("@wordpress/element");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * This is a simplified version of Facebook's KeyboardAvoidingView.
- * It's meant to work specifically with BottomSheets.
- * This fixes an issue in the bottom padding calculation, when the
- * BottomSheet was presented on Landscape, with the keyboard already present,
- * and a TextField on Autofocus (situation present on Links UI)
- */class KeyboardAvoidingView extends _element.Component {
-  constructor() {
-    super(...arguments);
-    this._onKeyboardChange = this._onKeyboardChange.bind(this);
-    this._subscriptions = [];
-    this.state = {
-      bottom: 0
-    };
-  }
-  _relativeKeyboardHeight(keyboardFrame) {
-    if (!keyboardFrame) {
-      return 0;
-    }
-    const windowWidth = _reactNative.Dimensions.get('window').width;
-    const isFloatingKeyboard = keyboardFrame.width !== windowWidth;
-    if (isFloatingKeyboard) {
-      return 0;
-    }
-    const windowHeight = _reactNative.Dimensions.get('window').height;
-    const keyboardY = keyboardFrame.screenY - this.props.keyboardVerticalOffset;
-    const final = Math.max(windowHeight - keyboardY, 0);
-    return final;
-  }
-
-  /**
-   * @param {Object} event Keyboard event.
-   */
-  _onKeyboardChange(event) {
-    if (event === null) {
-      this.setState({
-        bottom: 0
-      });
-      return;
-    }
-    const {
-      duration,
-      easing,
-      endCoordinates
-    } = event;
-    const height = this._relativeKeyboardHeight(endCoordinates);
-    if (this.state.bottom === height) {
-      return;
-    }
-    if (duration && easing) {
-      _reactNative.LayoutAnimation.configureNext({
-        duration,
-        update: {
-          duration,
-          type: _reactNative.LayoutAnimation.Types[easing] || 'keyboard'
-        }
-      });
-    }
-    this.setState({
-      bottom: height
-    });
-  }
-  componentDidMount() {
-    if (_reactNative.Platform.OS === 'ios') {
-      this._subscriptions = [_reactNative.Keyboard.addListener('keyboardWillChangeFrame', this._onKeyboardChange)];
-    }
-  }
-  componentWillUnmount() {
-    this._subscriptions.forEach(subscription => {
-      subscription.remove();
-    });
-  }
-  render() {
-    const {
-      children,
-      enabled,
-      keyboardVerticalOffset,
-      style,
-      ...props
-    } = this.props;
-    let finalStyle = style;
-    if (_reactNative.Platform.OS === 'ios') {
-      const bottomHeight = enabled ? this.state.bottom : 0;
-      finalStyle = _reactNative.StyleSheet.compose(style, {
-        paddingBottom: bottomHeight
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: finalStyle,
-      ...props,
-      children: children
-    });
-  }
-}
-KeyboardAvoidingView.defaultProps = {
-  enabled: true,
-  keyboardVerticalOffset: 0
-};
-var _default = exports.default = KeyboardAvoidingView;
-//# sourceMappingURL=keyboard-avoiding-view.native.js.map

package/build/mobile/bottom-sheet/keyboard-avoiding-view.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_element","_jsxRuntime","KeyboardAvoidingView","Component","constructor","arguments","_onKeyboardChange","bind","_subscriptions","state","bottom","_relativeKeyboardHeight","keyboardFrame","windowWidth","Dimensions","get","width","isFloatingKeyboard","windowHeight","height","keyboardY","screenY","props","keyboardVerticalOffset","final","Math","max","event","setState","duration","easing","endCoordinates","LayoutAnimation","configureNext","update","type","Types","componentDidMount","Platform","OS","Keyboard","addListener","componentWillUnmount","forEach","subscription","remove","render","children","enabled","style","finalStyle","bottomHeight","StyleSheet","compose","paddingBottom","jsx","View","defaultProps","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/keyboard-avoiding-view.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tKeyboard,\n\tLayoutAnimation,\n\tPlatform,\n\tStyleSheet,\n\tView,\n\tDimensions,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\n\n/**\n * This is a simplified version of Facebook's KeyboardAvoidingView.\n * It's meant to work specifically with BottomSheets.\n * This fixes an issue in the bottom padding calculation, when the\n * BottomSheet was presented on Landscape, with the keyboard already present,\n * and a TextField on Autofocus (situation present on Links UI)\n */\nclass KeyboardAvoidingView extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis._onKeyboardChange = this._onKeyboardChange.bind( this );\n\t\tthis._subscriptions = [];\n\t\tthis.state = {\n\t\t\tbottom: 0,\n\t\t};\n\t}\n\n\t_relativeKeyboardHeight( keyboardFrame ) {\n\t\tif ( ! keyboardFrame ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowWidth = Dimensions.get( 'window' ).width;\n\t\tconst isFloatingKeyboard = keyboardFrame.width !== windowWidth;\n\t\tif ( isFloatingKeyboard ) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tconst windowHeight = Dimensions.get( 'window' ).height;\n\t\tconst keyboardY =\n\t\t\tkeyboardFrame.screenY - this.props.keyboardVerticalOffset;\n\n\t\tconst final = Math.max( windowHeight - keyboardY, 0 );\n\t\treturn final;\n\t}\n\n\t/**\n\t * @param {Object} event Keyboard event.\n\t */\n\t_onKeyboardChange( event ) {\n\t\tif ( event === null ) {\n\t\t\tthis.setState( { bottom: 0 } );\n\t\t\treturn;\n\t\t}\n\n\t\tconst { duration, easing, endCoordinates } = event;\n\t\tconst height = this._relativeKeyboardHeight( endCoordinates );\n\n\t\tif ( this.state.bottom === height ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( duration && easing ) {\n\t\t\tLayoutAnimation.configureNext( {\n\t\t\t\tduration,\n\t\t\t\tupdate: {\n\t\t\t\t\tduration,\n\t\t\t\t\ttype: LayoutAnimation.Types[ easing ] || 'keyboard',\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t\tthis.setState( { bottom: height } );\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tthis._subscriptions = [\n\t\t\t\tKeyboard.addListener(\n\t\t\t\t\t'keyboardWillChangeFrame',\n\t\t\t\t\tthis._onKeyboardChange\n\t\t\t\t),\n\t\t\t];\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis._subscriptions.forEach( ( subscription ) => {\n\t\t\tsubscription.remove();\n\t\t} );\n\t}\n\n\trender() {\n\t\tconst { children, enabled, keyboardVerticalOffset, style, ...props } =\n\t\t\tthis.props;\n\n\t\tlet finalStyle = style;\n\t\tif ( Platform.OS === 'ios' ) {\n\t\t\tconst bottomHeight = enabled ? this.state.bottom : 0;\n\t\t\tfinalStyle = StyleSheet.compose( style, {\n\t\t\t\tpaddingBottom: bottomHeight,\n\t\t\t} );\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={ finalStyle } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nKeyboardAvoidingView.defaultProps = {\n\tenabled: true,\n\tkeyboardVerticalOffset: 0,\n};\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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","ignoreList":[]}

package/build/mobile/bottom-sheet/link-cell.native.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LinkCell;
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _cell = _interopRequireDefault(require("./cell"));
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  placeholderColor
-} = _styles.default;
-function LinkCell({
-  value,
-  valueMask,
-  onPress,
-  showIcon = true
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
-    icon: showIcon && _icons.link,
-    label: (0, _i18n.__)('Link to')
-    // Since this is not actually editable, we treat value as a placeholder.
-    ,
-    value: valueMask || value || (0, _i18n.__)('Search or type URL'),
-    valueStyle: !!(value || valueMask) ? undefined : placeholderColor,
-    onPress: onPress,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-      icon: _icons.chevronRight
-    })
-  });
-}
-//# sourceMappingURL=link-cell.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_icons","_cell","_interopRequireDefault","_styles","_jsxRuntime","placeholderColor","styles","LinkCell","value","valueMask","onPress","showIcon","jsx","default","icon","link","label","__","valueStyle","undefined","children","Icon","chevronRight"],"sources":["@wordpress/components/src/mobile/bottom-sheet/link-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { link, Icon, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\n\nconst { placeholderColor } = styles;\n\nexport default function LinkCell( {\n\tvalue,\n\tvalueMask,\n\tonPress,\n\tshowIcon = true,\n} ) {\n\treturn (\n\t\t<Cell\n\t\t\ticon={ showIcon && link }\n\t\t\tlabel={ __( 'Link to' ) }\n\t\t\t// Since this is not actually editable, we treat value as a placeholder.\n\t\t\tvalue={ valueMask || value || __( 'Search or type URL' ) }\n\t\t\tvalueStyle={\n\t\t\t\t!! ( value || valueMask ) ? undefined : placeholderColor\n\t\t\t}\n\t\t\tonPress={ onPress }\n\t\t>\n\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t</Cell>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AAAmC,IAAAK,WAAA,GAAAL,OAAA;AAVnC;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAM;EAAEM;AAAiB,CAAC,GAAGC,eAAM;AAEpB,SAASC,QAAQA,CAAE;EACjCC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ,GAAG;AACZ,CAAC,EAAG;EACH,oBACC,IAAAP,WAAA,CAAAQ,GAAA,EAACX,KAAA,CAAAY,OAAI;IACJC,IAAI,EAAGH,QAAQ,IAAII,WAAM;IACzBC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU;IACtB;IAAA;IACAT,KAAK,EAAGC,SAAS,IAAID,KAAK,IAAI,IAAAS,QAAE,EAAE,oBAAqB,CAAG;IAC1DC,UAAU,EACT,CAAC,EAAIV,KAAK,IAAIC,SAAS,CAAE,GAAGU,SAAS,GAAGd,gBACxC;IACDK,OAAO,EAAGA,OAAS;IAAAU,QAAA,eAEnB,IAAAhB,WAAA,CAAAQ,GAAA,EAACZ,MAAA,CAAAqB,IAAI;MAACP,IAAI,EAAGQ;IAAc,CAAO;EAAC,CAC9B,CAAC;AAET","ignoreList":[]}

package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _cell = _interopRequireDefault(require("./cell"));
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _linkSuggestionStyles = _interopRequireDefault(require("./link-suggestion-styles.scss"));
-var _gridicons = require("../gridicons");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const icons = {
-  URL: _icons.globe,
-  clipboard: _gridicons.clipboard,
-  post: _gridicons.posts,
-  page: _gridicons.pages
-};
-const getSummaryForType = type => {
-  switch (type) {
-    case 'clipboard':
-      return (0, _i18n.__)('From clipboard');
-    case 'mailto':
-      return (0, _i18n.__)('Add this email link');
-    case 'tel':
-      return (0, _i18n.__)('Add this telephone link');
-    default:
-      return (0, _i18n.__)('Add this link');
-  }
-};
-
-// We use some Cell styles here with a column flex-direction.
-function LinkSuggestionItemCell({
-  suggestion,
-  onLinkPicked,
-  ...props
-}) {
-  const {
-    title: contentTitle,
-    url,
-    type,
-    isDirectEntry
-  } = suggestion;
-  const title = isDirectEntry ? url : contentTitle;
-  const summary = isDirectEntry ? getSummaryForType(type) : url;
-  const pickLink = () => onLinkPicked(suggestion);
-  const cellTitleStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.cellLabel, _styles.default.cellTextDark);
-  const cellSummaryStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.cellValue, _styles.default.cellTextDark);
-  const titleStyle = [cellTitleStyle, _linkSuggestionStyles.default.titleStyle];
-  const summaryStyle = [cellSummaryStyle, _linkSuggestionStyles.default.summaryStyle];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_cell.default, {
-    ...props,
-    icon: icons[type] || _gridicons.empty,
-    onPress: pickLink,
-    separatorType: "none",
-    cellContainerStyle: _linkSuggestionStyles.default.itemContainerStyle,
-    labelStyle: _linkSuggestionStyles.default.hidden,
-    valueStyle: _linkSuggestionStyles.default.hidden,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _linkSuggestionStyles.default.containerStyle,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: titleStyle,
-        numberOfLines: 1,
-        ellipsizeMode: "middle",
-        children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: summaryStyle,
-        numberOfLines: 1,
-        ellipsizeMode: "middle",
-        children: summary
-      })]
-    })
-  });
-}
-var _default = exports.default = LinkSuggestionItemCell;
-//# sourceMappingURL=link-suggestion-item-cell.native.js.map

package/build/mobile/bottom-sheet/link-suggestion-item-cell.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_cell","_interopRequireDefault","_styles","_linkSuggestionStyles","_gridicons","_jsxRuntime","icons","URL","globe","clipboard","post","posts","page","pages","getSummaryForType","type","__","LinkSuggestionItemCell","suggestion","onLinkPicked","props","title","contentTitle","url","isDirectEntry","summary","pickLink","cellTitleStyle","usePreferredColorSchemeStyle","cellStyles","cellLabel","cellTextDark","cellSummaryStyle","cellValue","titleStyle","suggestionStyles","summaryStyle","jsx","default","icon","empty","onPress","separatorType","cellContainerStyle","itemContainerStyle","labelStyle","hidden","valueStyle","children","jsxs","View","style","containerStyle","Text","numberOfLines","ellipsizeMode","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/link-suggestion-item-cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { globe } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport cellStyles from './styles.scss';\nimport suggestionStyles from './link-suggestion-styles.scss';\nimport { posts, pages, empty, clipboard } from '../gridicons';\n\nconst icons = {\n\tURL: globe,\n\tclipboard,\n\tpost: posts,\n\tpage: pages,\n};\n\nconst getSummaryForType = ( type ) => {\n\tswitch ( type ) {\n\t\tcase 'clipboard':\n\t\t\treturn __( 'From clipboard' );\n\t\tcase 'mailto':\n\t\t\treturn __( 'Add this email link' );\n\t\tcase 'tel':\n\t\t\treturn __( 'Add this telephone link' );\n\t\tdefault:\n\t\t\treturn __( 'Add this link' );\n\t}\n};\n\n// We use some Cell styles here with a column flex-direction.\nfunction LinkSuggestionItemCell( { suggestion, onLinkPicked, ...props } ) {\n\tconst { title: contentTitle, url, type, isDirectEntry } = suggestion;\n\tconst title = isDirectEntry ? url : contentTitle;\n\tconst summary = isDirectEntry ? getSummaryForType( type ) : url;\n\n\tconst pickLink = () => onLinkPicked( suggestion );\n\n\tconst cellTitleStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellLabel,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst cellSummaryStyle = usePreferredColorSchemeStyle(\n\t\tcellStyles.cellValue,\n\t\tcellStyles.cellTextDark\n\t);\n\n\tconst titleStyle = [ cellTitleStyle, suggestionStyles.titleStyle ];\n\tconst summaryStyle = [ cellSummaryStyle, suggestionStyles.summaryStyle ];\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...props }\n\t\t\ticon={ icons[ type ] || empty }\n\t\t\tonPress={ pickLink }\n\t\t\tseparatorType=\"none\"\n\t\t\tcellContainerStyle={ suggestionStyles.itemContainerStyle }\n\t\t\tlabelStyle={ suggestionStyles.hidden }\n\t\t\tvalueStyle={ suggestionStyles.hidden }\n\t\t>\n\t\t\t<View style={ suggestionStyles.containerStyle }>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ titleStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"middle\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Text>\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ summaryStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"middle\"\n\t\t\t\t>\n\t\t\t\t\t{ summary }\n\t\t\t\t</Text>\n\t\t\t</View>\n\t\t</Cell>\n\t);\n}\n\nexport default LinkSuggestionItemCell;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LockIcon;
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function LockIcon() {
-  const iconStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.icon, _styles.default['icon--dark']);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-    icon: _icons.lock,
-    color: iconStyle.color,
-    style: iconStyle
-  });
-}
-//# sourceMappingURL=index.native.js.map

package/build/mobile/bottom-sheet/lock-icon/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_icons","require","_compose","_styles","_interopRequireDefault","_jsxRuntime","LockIcon","iconStyle","usePreferredColorSchemeStyle","styles","icon","jsx","Icon","lock","color","style"],"sources":["@wordpress/components/src/mobile/bottom-sheet/lock-icon/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, lock } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nexport default function LockIcon() {\n\tconst iconStyle = usePreferredColorSchemeStyle(\n\t\tstyles.icon,\n\t\tstyles[ 'icon--dark' ]\n\t);\n\n\treturn <Icon icon={ lock } color={ iconStyle.color } style={ iconStyle } />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAmC,IAAAI,WAAA,GAAAJ,OAAA;AATnC;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASK,QAAQA,CAAA,EAAG;EAClC,MAAMC,SAAS,GAAG,IAAAC,qCAA4B,EAC7CC,eAAM,CAACC,IAAI,EACXD,eAAM,CAAE,YAAY,CACrB,CAAC;EAED,oBAAO,IAAAJ,WAAA,CAAAM,GAAA,EAACX,MAAA,CAAAY,IAAI;IAACF,IAAI,EAAGG,WAAM;IAACC,KAAK,EAAGP,SAAS,CAACO,KAAO;IAACC,KAAK,EAAGR;EAAW,CAAE,CAAC;AAC5E","ignoreList":[]}

package/build/mobile/bottom-sheet/nav-bar/action-button.native.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// Action button component is used by both Back and Apply Button components.
-function ActionButton({
-  onPress,
-  accessibilityLabel,
-  accessibilityHint,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-    onPress: onPress,
-    accessibilityRole: "button",
-    accessibilityLabel: accessibilityLabel,
-    accessibilityHint: accessibilityHint,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _styles.default['action-button'],
-      children: children
-    })
-  });
-}
-var _default = exports.default = ActionButton;
-//# sourceMappingURL=action-button.native.js.map

package/build/mobile/bottom-sheet/nav-bar/action-button.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","_jsxRuntime","ActionButton","onPress","accessibilityLabel","accessibilityHint","children","jsx","TouchableWithoutFeedback","accessibilityRole","View","style","styles","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/action-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\n// Action button component is used by both Back and Apply Button components.\nfunction ActionButton( {\n\tonPress,\n\taccessibilityLabel,\n\taccessibilityHint,\n\tchildren,\n} ) {\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\tonPress={ onPress }\n\t\t\taccessibilityRole=\"button\"\n\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t>\n\t\t\t<View style={ styles[ 'action-button' ] }>{ children }</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default ActionButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAmC,IAAAG,WAAA,GAAAH,OAAA;AARnC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,SAASI,YAAYA,CAAE;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,oBACC,IAAAL,WAAA,CAAAM,GAAA,EAACV,YAAA,CAAAW,wBAAwB;IACxBL,OAAO,EAAGA,OAAS;IACnBM,iBAAiB,EAAC,QAAQ;IAC1BL,kBAAkB,EAAGA,kBAAoB;IACzCC,iBAAiB,EAAGA,iBAAmB;IAAAC,QAAA,eAEvC,IAAAL,WAAA,CAAAM,GAAA,EAACV,YAAA,CAAAa,IAAI;MAACC,KAAK,EAAGC,eAAM,CAAE,eAAe,CAAI;MAAAN,QAAA,EAAGA;IAAQ,CAAQ;EAAC,CACpC,CAAC;AAE7B;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcb,YAAY","ignoreList":[]}

package/build/mobile/bottom-sheet/nav-bar/apply-button.native.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _actionButton = _interopRequireDefault(require("./action-button"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function ApplyButton({
-  onPress
-}) {
-  const buttonTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['button-text'], _styles.default['button-text-dark']);
-  const applyButtonStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['apply-button-icon'], _styles.default['apply-button-icon-dark']);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: _styles.default['apply-button'],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_actionButton.default, {
-      onPress: onPress,
-      accessibilityLabel: (0, _i18n.__)('Apply'),
-      accessibilityHint: (0, _i18n.__)('Applies the setting'),
-      children: _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: buttonTextStyle,
-        maxFontSizeMultiplier: 2,
-        children: (0, _i18n.__)('Apply')
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-        icon: _icons.check,
-        size: 24,
-        style: applyButtonStyle
-      })
-    })
-  });
-}
-var _default = exports.default = ApplyButton;
-//# sourceMappingURL=apply-button.native.js.map

package/build/mobile/bottom-sheet/nav-bar/apply-button.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","_jsxRuntime","ApplyButton","onPress","buttonTextStyle","usePreferredColorSchemeStyle","styles","applyButtonStyle","jsx","View","style","children","default","accessibilityLabel","__","accessibilityHint","Platform","OS","Text","maxFontSizeMultiplier","Icon","icon","check","size","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/apply-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\n\nfunction ApplyButton( { onPress } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\tconst applyButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'apply-button-icon' ],\n\t\tstyles[ 'apply-button-icon-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'apply-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Apply' ) }\n\t\t\t\taccessibilityHint={ __( 'Applies the setting' ) }\n\t\t\t>\n\t\t\t\t{ Platform.OS === 'ios' ? (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Text>\n\t\t\t\t) : (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\tstyle={ applyButtonStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nexport default ApplyButton;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,aAAA,GAAAD,sBAAA,CAAAL,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAhB3C;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,SAASQ,WAAWA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnC,MAAMC,eAAe,GAAG,IAAAC,qCAA4B,EACnDC,eAAM,CAAE,aAAa,CAAE,EACvBA,eAAM,CAAE,kBAAkB,CAC3B,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAF,qCAA4B,EACpDC,eAAM,CAAE,mBAAmB,CAAE,EAC7BA,eAAM,CAAE,wBAAwB,CACjC,CAAC;EAED,oBACC,IAAAL,WAAA,CAAAO,GAAA,EAACf,YAAA,CAAAgB,IAAI;IAACC,KAAK,EAAGJ,eAAM,CAAE,cAAc,CAAI;IAAAK,QAAA,eACvC,IAAAV,WAAA,CAAAO,GAAA,EAACR,aAAA,CAAAY,OAAY;MACZT,OAAO,EAAGA,OAAS;MACnBU,kBAAkB,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;MACpCC,iBAAiB,EAAG,IAAAD,QAAE,EAAE,qBAAsB,CAAG;MAAAH,QAAA,EAE/CK,qBAAQ,CAACC,EAAE,KAAK,KAAK,gBACtB,IAAAhB,WAAA,CAAAO,GAAA,EAACf,YAAA,CAAAyB,IAAI;QAACR,KAAK,EAAGN,eAAiB;QAACe,qBAAqB,EAAG,CAAG;QAAAR,QAAA,EACxD,IAAAG,QAAE,EAAE,OAAQ;MAAC,CACV,CAAC,gBAEP,IAAAb,WAAA,CAAAO,GAAA,EAACZ,MAAA,CAAAwB,IAAI;QACJC,IAAI,EAAGC,YAAO;QACdC,IAAI,EAAG,EAAI;QACXb,KAAK,EAAGH;MAAkB,CAC1B;IACD,CACY;EAAC,CACV,CAAC;AAET;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEcV,WAAW","ignoreList":[]}

package/build/mobile/bottom-sheet/nav-bar/back-button.native.js

@@ -1,100 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _compose = require("@wordpress/compose");
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _actionButton = _interopRequireDefault(require("./action-button"));
-var _chevronBack = _interopRequireDefault(require("./../chevron-back"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function Button({
-  onPress,
-  icon,
-  text
-}) {
-  const buttonTextStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['button-text'], _styles.default['button-text-dark']);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: _styles.default['back-button'],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_actionButton.default, {
-      onPress: onPress,
-      accessibilityLabel: (0, _i18n.__)('Go back'),
-      accessibilityHint: (0, _i18n.__)('Navigates to the previous content sheet'),
-      children: [icon, text && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: buttonTextStyle,
-        maxFontSizeMultiplier: 2,
-        children: text
-      })]
-    })
-  });
-}
-function BackButton({
-  onPress
-}) {
-  const chevronLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['chevron-left-icon'], _styles.default['chevron-left-icon-dark']);
-  const arrowLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['arrow-left-icon'], _styles.default['arrow-left-icon-dark']);
-  let backIcon;
-  let backText;
-  if (_reactNative.Platform.OS === 'ios') {
-    backIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-      icon: _chevronBack.default,
-      size: 21,
-      style: chevronLeftStyle
-    });
-    backText = (0, _i18n.__)('Back');
-  } else {
-    backIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-      icon: _icons.arrowLeft,
-      size: 24,
-      style: arrowLeftStyle
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
-    onPress: onPress,
-    icon: backIcon,
-    text: backText
-  });
-}
-function DismissButton({
-  onPress,
-  iosText
-}) {
-  const arrowLeftStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default['arrow-left-icon'], _styles.default['arrow-left-icon-dark']);
-  let backIcon;
-  let backText;
-  if (_reactNative.Platform.OS === 'ios') {
-    backText = iosText ? iosText : (0, _i18n.__)('Cancel');
-  } else {
-    backIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-      icon: _icons.close,
-      size: 24,
-      style: arrowLeftStyle
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Button, {
-    onPress: onPress,
-    icon: backIcon,
-    text: backText
-  });
-}
-Button.Back = BackButton;
-Button.Dismiss = DismissButton; // Cancel or Close Button.
-var _default = exports.default = Button;
-//# sourceMappingURL=back-button.native.js.map

package/build/mobile/bottom-sheet/nav-bar/back-button.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_i18n","_icons","_compose","_styles","_interopRequireDefault","_actionButton","_chevronBack","_jsxRuntime","Button","onPress","icon","text","buttonTextStyle","usePreferredColorSchemeStyle","styles","jsx","View","style","children","jsxs","default","accessibilityLabel","__","accessibilityHint","Text","maxFontSizeMultiplier","BackButton","chevronLeftStyle","arrowLeftStyle","backIcon","backText","Platform","OS","Icon","chevronBack","size","arrowLeft","DismissButton","iosText","close","Back","Dismiss","_default","exports"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/back-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Platform, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, arrowLeft, close } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport ActionButton from './action-button';\nimport chevronBack from './../chevron-back';\n\nfunction Button( { onPress, icon, text } ) {\n\tconst buttonTextStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'button-text' ],\n\t\tstyles[ 'button-text-dark' ]\n\t);\n\n\treturn (\n\t\t<View style={ styles[ 'back-button' ] }>\n\t\t\t<ActionButton\n\t\t\t\tonPress={ onPress }\n\t\t\t\taccessibilityLabel={ __( 'Go back' ) }\n\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t'Navigates to the previous content sheet'\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t{ icon }\n\t\t\t\t{ text && (\n\t\t\t\t\t<Text style={ buttonTextStyle } maxFontSizeMultiplier={ 2 }>\n\t\t\t\t\t\t{ text }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t</ActionButton>\n\t\t</View>\n\t);\n}\n\nfunction BackButton( { onPress } ) {\n\tconst chevronLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'chevron-left-icon' ],\n\t\tstyles[ 'chevron-left-icon-dark' ]\n\t);\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ chevronBack } size={ 21 } style={ chevronLeftStyle } />\n\t\t);\n\t\tbackText = __( 'Back' );\n\t} else {\n\t\tbackIcon = (\n\t\t\t<Icon icon={ arrowLeft } size={ 24 } style={ arrowLeftStyle } />\n\t\t);\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nfunction DismissButton( { onPress, iosText } ) {\n\tconst arrowLeftStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'arrow-left-icon' ],\n\t\tstyles[ 'arrow-left-icon-dark' ]\n\t);\n\n\tlet backIcon;\n\tlet backText;\n\n\tif ( Platform.OS === 'ios' ) {\n\t\tbackText = iosText ? iosText : __( 'Cancel' );\n\t} else {\n\t\tbackIcon = <Icon icon={ close } size={ 24 } style={ arrowLeftStyle } />;\n\t}\n\n\treturn <Button onPress={ onPress } icon={ backIcon } text={ backText } />;\n}\n\nButton.Back = BackButton;\nButton.Dismiss = DismissButton; // Cancel or Close Button.\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}

package/build/mobile/bottom-sheet/nav-bar/heading.native.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _compose = require("@wordpress/compose");
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function Heading({
-  children
-}) {
-  const headingStyle = (0, _compose.usePreferredColorSchemeStyle)(_styles.default.heading, _styles.default['heading-dark']);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-    accessibilityRole: "header",
-    style: headingStyle,
-    maxFontSizeMultiplier: 3,
-    children: children
-  });
-}
-var _default = exports.default = Heading;
-//# sourceMappingURL=heading.native.js.map

package/build/mobile/bottom-sheet/nav-bar/heading.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_compose","_styles","_interopRequireDefault","_jsxRuntime","Heading","children","headingStyle","usePreferredColorSchemeStyle","styles","heading","jsx","Text","accessibilityRole","style","maxFontSizeMultiplier","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/heading.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nfunction Heading( { children } ) {\n\tconst headingStyle = usePreferredColorSchemeStyle(\n\t\tstyles.heading,\n\t\tstyles[ 'heading-dark' ]\n\t);\n\n\treturn (\n\t\t<Text\n\t\t\taccessibilityRole=\"header\"\n\t\t\tstyle={ headingStyle }\n\t\t\tmaxFontSizeMultiplier={ 3 }\n\t\t>\n\t\t\t{ children }\n\t\t</Text>\n\t);\n}\n\nexport default Heading;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAmC,IAAAI,WAAA,GAAAJ,OAAA;AAbnC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASK,OAAOA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAChC,MAAMC,YAAY,GAAG,IAAAC,qCAA4B,EAChDC,eAAM,CAACC,OAAO,EACdD,eAAM,CAAE,cAAc,CACvB,CAAC;EAED,oBACC,IAAAL,WAAA,CAAAO,GAAA,EAACZ,YAAA,CAAAa,IAAI;IACJC,iBAAiB,EAAC,QAAQ;IAC1BC,KAAK,EAAGP,YAAc;IACtBQ,qBAAqB,EAAG,CAAG;IAAAT,QAAA,EAEzBA;EAAQ,CACL,CAAC;AAET;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcb,OAAO","ignoreList":[]}

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

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _applyButton = _interopRequireDefault(require("./apply-button"));
-var _backButton = _interopRequireDefault(require("./back-button"));
-var _heading = _interopRequireDefault(require("./heading"));
-var _styles = _interopRequireDefault(require("./styles.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function NavBar({
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: _styles.default['nav-bar'],
-    children: children
-  });
-}
-NavBar.ApplyButton = _applyButton.default;
-NavBar.BackButton = _backButton.default.Back;
-NavBar.DismissButton = _backButton.default.Dismiss;
-NavBar.Heading = _heading.default;
-var _default = exports.default = NavBar;
-//# sourceMappingURL=index.native.js.map

package/build/mobile/bottom-sheet/nav-bar/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_applyButton","_interopRequireDefault","_backButton","_heading","_styles","_jsxRuntime","NavBar","children","jsx","View","style","styles","ApplyButton","BackButton","Button","Back","DismissButton","Dismiss","Heading","_default","exports","default"],"sources":["@wordpress/components/src/mobile/bottom-sheet/nav-bar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport ApplyButton from './apply-button';\nimport Button from './back-button';\nimport Heading from './heading';\nimport styles from './styles.scss';\nfunction NavBar( { children } ) {\n\treturn <View style={ styles[ 'nav-bar' ] }>{ children }</View>;\n}\n\nNavBar.ApplyButton = ApplyButton;\nNavBar.BackButton = Button.Back;\nNavBar.DismissButton = Button.Dismiss;\n\nNavBar.Heading = Heading;\n\nexport default NavBar;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAmC,IAAAM,WAAA,GAAAN,OAAA;AAXnC;AACA;AACA;;AAGA;AACA;AACA;;AAKA,SAASO,MAAMA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/B,oBAAO,IAAAF,WAAA,CAAAG,GAAA,EAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAGC,eAAM,CAAE,SAAS,CAAI;IAAAJ,QAAA,EAAGA;EAAQ,CAAQ,CAAC;AAC/D;AAEAD,MAAM,CAACM,WAAW,GAAGA,oBAAW;AAChCN,MAAM,CAACO,UAAU,GAAGC,mBAAM,CAACC,IAAI;AAC/BT,MAAM,CAACU,aAAa,GAAGF,mBAAM,CAACG,OAAO;AAErCX,MAAM,CAACY,OAAO,GAAGA,gBAAO;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEVf,MAAM","ignoreList":[]}