@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build-module/mobile/keyboard-aware-flat-list/index.ios.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["FlatList","View","Animated","useCallback","useEffect","forwardRef","useImperativeHandle","useThrottle","useScroll","useTextInputOffset","useTextInputCaretPosition","OPTIMIZATION_ITEMS_THRESHOLD","OPTIMIZATION_PROPS","styles","jsx","_jsx","DEFAULT_FONT_SIZE","AnimatedFlatList","createAnimatedComponent","EMPTY_OBJECT","KeyboardAwareFlatList","extraScrollHeight","onScroll","scrollEnabled","shouldPreventAutomaticScroll","props","ref","scrollViewRef","scrollHandler","keyboardOffset","scrollToSection","scrollToElement","onContentSizeChange","lastScrollTo","onSizeChange","getTextInputOffset","onScrollToTextInput","caret","caretHeight","textInputOffset","hasTextInputOffset","leading","currentCaretData","contentInset","bottom","getFlatListRef","flatListRef","current","getNativeScrollRef","optimizationProps","data","length","style","list__container","children","automaticallyAdjustContentInsets","keyboardShouldPersistTaps","scrollEventThrottle","list__content"],"sources":["@wordpress/components/src/mobile/keyboard-aware-flat-list/index.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { FlatList, View } from 'react-native';\nimport Animated from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tuseEffect,\n\tforwardRef,\n\tuseImperativeHandle,\n} from '@wordpress/element';\nimport { useThrottle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useScroll from './use-scroll';\nimport useTextInputOffset from './use-text-input-offset';\nimport useTextInputCaretPosition from './use-text-input-caret-position';\nimport { OPTIMIZATION_ITEMS_THRESHOLD, OPTIMIZATION_PROPS } from './shared';\nimport styles from './styles.scss';\n\nconst DEFAULT_FONT_SIZE = 16;\nconst AnimatedFlatList = Animated.createAnimatedComponent( FlatList );\nconst EMPTY_OBJECT = {};\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n/**\n * React component that provides a FlatList that is aware of the keyboard state and can scroll\n * to the currently focused TextInput.\n *\n * @param {Object}    props                              Component props.\n * @param {number}    props.extraScrollHeight            Extra scroll height for the content.\n * @param {Function}  props.onScroll                     Function to be called when the list is scrolled.\n * @param {boolean}   props.scrollEnabled                Whether the list can be scrolled.\n * @param {boolean}   props.shouldPreventAutomaticScroll Whether to prevent scrolling when there's a Keyboard offset set.\n * @param {Object}    props...                           Other props to pass to the FlatList component.\n * @param {RefObject} ref\n * @return {Component} KeyboardAwareFlatList component.\n */\nexport const KeyboardAwareFlatList = (\n\t{\n\t\textraScrollHeight,\n\t\tonScroll,\n\t\tscrollEnabled,\n\t\tshouldPreventAutomaticScroll,\n\t\t...props\n\t},\n\tref\n) => {\n\tconst {\n\t\tscrollViewRef,\n\t\tscrollHandler,\n\t\tkeyboardOffset,\n\t\tscrollToSection,\n\t\tscrollToElement,\n\t\tonContentSizeChange,\n\t\tlastScrollTo,\n\t} = useScroll( {\n\t\tscrollEnabled,\n\t\tshouldPreventAutomaticScroll,\n\t\textraScrollHeight,\n\t\tonScroll,\n\t\tonSizeChange,\n\t} );\n\n\tconst [ getTextInputOffset ] = useTextInputOffset(\n\t\tscrollEnabled,\n\t\tscrollViewRef\n\t);\n\n\tconst onScrollToTextInput = useThrottle(\n\t\tuseCallback(\n\t\t\tasync ( caret ) => {\n\t\t\t\tconst { caretHeight = DEFAULT_FONT_SIZE } = caret ?? {};\n\t\t\t\tconst textInputOffset = await getTextInputOffset( caret );\n\t\t\t\tconst hasTextInputOffset = textInputOffset !== null;\n\n\t\t\t\tif ( hasTextInputOffset ) {\n\t\t\t\t\tscrollToSection( textInputOffset, caretHeight );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ getTextInputOffset, scrollToSection ]\n\t\t),\n\t\t200,\n\t\t{ leading: false }\n\t);\n\n\tconst [ currentCaretData ] = useTextInputCaretPosition( scrollEnabled );\n\n\tconst onSizeChange = useCallback(\n\t\t() => onScrollToTextInput( currentCaretData ),\n\t\t[ currentCaretData, onScrollToTextInput ]\n\t);\n\n\tuseEffect( () => {\n\t\tonScrollToTextInput( currentCaretData );\n\t}, [ currentCaretData, onScrollToTextInput ] );\n\n\t// Adds content insets when the keyboard is opened to have\n\t// extra padding at the bottom.\n\tconst contentInset = { bottom: keyboardOffset };\n\n\tconst getFlatListRef = useCallback(\n\t\t( flatListRef ) => {\n\t\t\tscrollViewRef.current = flatListRef?.getNativeScrollRef();\n\t\t},\n\t\t[ scrollViewRef ]\n\t);\n\n\tuseImperativeHandle( ref, () => {\n\t\treturn {\n\t\t\tscrollViewRef: scrollViewRef.current,\n\t\t\tscrollToSection,\n\t\t\tscrollToElement,\n\t\t\tlastScrollTo,\n\t\t};\n\t} );\n\n\tconst optimizationProps =\n\t\tprops.data?.length > OPTIMIZATION_ITEMS_THRESHOLD\n\t\t\t? OPTIMIZATION_PROPS\n\t\t\t: EMPTY_OBJECT;\n\n\treturn (\n\t\t<View style={ styles.list__container }>\n\t\t\t<AnimatedFlatList\n\t\t\t\tref={ getFlatListRef }\n\t\t\t\tautomaticallyAdjustContentInsets={ false }\n\t\t\t\tcontentInset={ contentInset }\n\t\t\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\t\t\tonContentSizeChange={ onContentSizeChange }\n\t\t\t\tonScroll={ scrollHandler }\n\t\t\t\tscrollEventThrottle={ 16 }\n\t\t\t\tstyle={ styles.list__content }\n\t\t\t\t{ ...optimizationProps }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default forwardRef( KeyboardAwareFlatList );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/mobile/keyboard-aware-flat-list/index.ios.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { FlatList, View } from 'react-native';\nimport Animated from 'react-native-reanimated';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useEffect, forwardRef, useImperativeHandle } from '@wordpress/element';\nimport { useThrottle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport useScroll from './use-scroll';\nimport useTextInputOffset from './use-text-input-offset';\nimport useTextInputCaretPosition from './use-text-input-caret-position';\nimport { OPTIMIZATION_ITEMS_THRESHOLD, OPTIMIZATION_PROPS } from './shared';\nimport styles from './styles.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_FONT_SIZE = 16;\nconst AnimatedFlatList = Animated.createAnimatedComponent(FlatList);\nconst EMPTY_OBJECT = {};\n\n/** @typedef {import('@wordpress/element').RefObject} RefObject */\n/**\n * React component that provides a FlatList that is aware of the keyboard state and can scroll\n * to the currently focused TextInput.\n *\n * @param {Object}    props                              Component props.\n * @param {number}    props.extraScrollHeight            Extra scroll height for the content.\n * @param {Function}  props.onScroll                     Function to be called when the list is scrolled.\n * @param {boolean}   props.scrollEnabled                Whether the list can be scrolled.\n * @param {boolean}   props.shouldPreventAutomaticScroll Whether to prevent scrolling when there's a Keyboard offset set.\n * @param {Object}    props...                           Other props to pass to the FlatList component.\n * @param {RefObject} ref\n * @return {Component} KeyboardAwareFlatList component.\n */\nexport const KeyboardAwareFlatList = ({\n  extraScrollHeight,\n  onScroll,\n  scrollEnabled,\n  shouldPreventAutomaticScroll,\n  ...props\n}, ref) => {\n  const {\n    scrollViewRef,\n    scrollHandler,\n    keyboardOffset,\n    scrollToSection,\n    scrollToElement,\n    onContentSizeChange,\n    lastScrollTo\n  } = useScroll({\n    scrollEnabled,\n    shouldPreventAutomaticScroll,\n    extraScrollHeight,\n    onScroll,\n    onSizeChange\n  });\n  const [getTextInputOffset] = useTextInputOffset(scrollEnabled, scrollViewRef);\n  const onScrollToTextInput = useThrottle(useCallback(async caret => {\n    const {\n      caretHeight = DEFAULT_FONT_SIZE\n    } = caret !== null && caret !== void 0 ? caret : {};\n    const textInputOffset = await getTextInputOffset(caret);\n    const hasTextInputOffset = textInputOffset !== null;\n    if (hasTextInputOffset) {\n      scrollToSection(textInputOffset, caretHeight);\n    }\n  }, [getTextInputOffset, scrollToSection]), 200, {\n    leading: false\n  });\n  const [currentCaretData] = useTextInputCaretPosition(scrollEnabled);\n  const onSizeChange = useCallback(() => onScrollToTextInput(currentCaretData), [currentCaretData, onScrollToTextInput]);\n  useEffect(() => {\n    onScrollToTextInput(currentCaretData);\n  }, [currentCaretData, onScrollToTextInput]);\n\n  // Adds content insets when the keyboard is opened to have\n  // extra padding at the bottom.\n  const contentInset = {\n    bottom: keyboardOffset\n  };\n  const getFlatListRef = useCallback(flatListRef => {\n    scrollViewRef.current = flatListRef?.getNativeScrollRef();\n  }, [scrollViewRef]);\n  useImperativeHandle(ref, () => {\n    return {\n      scrollViewRef: scrollViewRef.current,\n      scrollToSection,\n      scrollToElement,\n      lastScrollTo\n    };\n  });\n  const optimizationProps = props.data?.length > OPTIMIZATION_ITEMS_THRESHOLD ? OPTIMIZATION_PROPS : EMPTY_OBJECT;\n  return /*#__PURE__*/_jsx(View, {\n    style: styles.list__container,\n    children: /*#__PURE__*/_jsx(AnimatedFlatList, {\n      ref: getFlatListRef,\n      automaticallyAdjustContentInsets: false,\n      contentInset: contentInset,\n      keyboardShouldPersistTaps: \"handled\",\n      onContentSizeChange: onContentSizeChange,\n      onScroll: scrollHandler,\n      scrollEventThrottle: 16,\n      style: styles.list__content,\n      ...optimizationProps,\n      ...props\n    })\n  });\n};\nexport default forwardRef(KeyboardAwareFlatList);"],
+  "mappings": "AAGA,SAAS,UAAU,YAAY;AAC/B,OAAO,cAAc;AAKrB,SAAS,aAAa,WAAW,YAAY,2BAA2B;AACxE,SAAS,mBAAmB;AAK5B,OAAO,eAAe;AACtB,OAAO,wBAAwB;AAC/B,OAAO,+BAA+B;AACtC,SAAS,8BAA8B,0BAA0B;AACjE,OAAO,YAAY;AACnB,SAAS,OAAO,YAAY;AAC5B,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB,SAAS,wBAAwB,QAAQ;AAClE,MAAM,eAAe,CAAC;AAgBf,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAG,QAAQ;AACT,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,CAAC,kBAAkB,IAAI,mBAAmB,eAAe,aAAa;AAC5E,QAAM,sBAAsB,YAAY,YAAY,OAAM,UAAS;AACjE,UAAM;AAAA,MACJ,cAAc;AAAA,IAChB,IAAI,UAAU,QAAQ,UAAU,SAAS,QAAQ,CAAC;AAClD,UAAM,kBAAkB,MAAM,mBAAmB,KAAK;AACtD,UAAM,qBAAqB,oBAAoB;AAC/C,QAAI,oBAAoB;AACtB,sBAAgB,iBAAiB,WAAW;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,oBAAoB,eAAe,CAAC,GAAG,KAAK;AAAA,IAC9C,SAAS;AAAA,EACX,CAAC;AACD,QAAM,CAAC,gBAAgB,IAAI,0BAA0B,aAAa;AAClE,QAAM,eAAe,YAAY,MAAM,oBAAoB,gBAAgB,GAAG,CAAC,kBAAkB,mBAAmB,CAAC;AACrH,YAAU,MAAM;AACd,wBAAoB,gBAAgB;AAAA,EACtC,GAAG,CAAC,kBAAkB,mBAAmB,CAAC;AAI1C,QAAM,eAAe;AAAA,IACnB,QAAQ;AAAA,EACV;AACA,QAAM,iBAAiB,YAAY,iBAAe;AAChD,kBAAc,UAAU,aAAa,mBAAmB;AAAA,EAC1D,GAAG,CAAC,aAAa,CAAC;AAClB,sBAAoB,KAAK,MAAM;AAC7B,WAAO;AAAA,MACL,eAAe,cAAc;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AACD,QAAM,oBAAoB,MAAM,MAAM,SAAS,+BAA+B,qBAAqB;AACnG,SAAoB,qBAAK,MAAM;AAAA,IAC7B,OAAO,OAAO;AAAA,IACd,UAAuB,qBAAK,kBAAkB;AAAA,MAC5C,KAAK;AAAA,MACL,kCAAkC;AAAA,MAClC;AAAA,MACA,2BAA2B;AAAA,MAC3B;AAAA,MACA,UAAU;AAAA,MACV,qBAAqB;AAAA,MACrB,OAAO,OAAO;AAAA,MACd,GAAG;AAAA,MACH,GAAG;AAAA,IACL,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,oBAAQ,WAAW,qBAAqB;",
+  "names": []
+}

package/build-module/mobile/picker/index.android.js

@@ -1,30 +1,19 @@
-/**
- * External dependencies
- */
-import { View } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Component, Fragment } from '@wordpress/element';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BottomSheet from '../bottom-sheet';
-import styles from './styles.scss';
-import PanelBody from '../../panel/body';
-import TextControl from '../../text-control';
+import { View } from "react-native";
+import { __ } from "@wordpress/i18n";
+import { Component, Fragment } from "@wordpress/element";
+import { usePreferredColorSchemeStyle } from "@wordpress/compose";
+import BottomSheet from "../bottom-sheet";
+import styles from "./styles.scss";
+import PanelBody from "../../panel/body";
+import TextControl from "../../text-control";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Separator() {
-  const separatorStyle = usePreferredColorSchemeStyle(styles['components-picker__separator'], styles['components-picker__separator--dark']);
-  return /*#__PURE__*/_jsx(View, {
+  const separatorStyle = usePreferredColorSchemeStyle(styles["components-picker__separator"], styles["components-picker__separator--dark"]);
+  return /* @__PURE__ */ _jsx(View, {
     style: separatorStyle
   });
 }
-export default class Picker extends Component {
+class Picker extends Component {
   constructor() {
     super(...arguments);
     this.onClose = this.onClose.bind(this);
@@ -55,15 +44,15 @@ export default class Picker extends Component {
       options,
       leftAlign
     } = this.props;
-    return options.map(option => /*#__PURE__*/_jsxs(Fragment, {
-      children: [options.length > 1 && option.separated && /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(BottomSheet.Cell, {
+    return options.map((option) => /* @__PURE__ */ _jsxs(Fragment, {
+      children: [options.length > 1 && option.separated && /* @__PURE__ */ _jsx(Separator, {}), /* @__PURE__ */ _jsx(BottomSheet.Cell, {
         icon: option.icon,
-        leftAlign: leftAlign,
+        leftAlign,
         label: option.label,
         separatorType: "none",
         onPress: () => this.onCellPress(option.value),
         disabled: option.disabled,
-        style: option.disabled && styles['components-picker__button--disabled']
+        style: option.disabled && styles["components-picker__button--disabled"]
       })]
     }, `${option.label}-${option.value}`));
   }
@@ -76,16 +65,16 @@ export default class Picker extends Component {
     const {
       isVisible
     } = this.state;
-    return /*#__PURE__*/_jsx(BottomSheet, {
-      isVisible: isVisible,
+    return /* @__PURE__ */ _jsx(BottomSheet, {
+      isVisible,
       onClose: this.onClose,
       hideHeader: true,
-      testID: testID,
-      children: /*#__PURE__*/_jsxs(PanelBody, {
-        title: title,
-        style: styles['components-picker__panel'],
-        children: [this.getOptions(), !hideCancelButton && /*#__PURE__*/_jsx(TextControl, {
-          label: __('Cancel'),
+      testID,
+      children: /* @__PURE__ */ _jsxs(PanelBody, {
+        title,
+        style: styles["components-picker__panel"],
+        children: [this.getOptions(), !hideCancelButton && /* @__PURE__ */ _jsx(TextControl, {
+          label: __("Cancel"),
           onPress: this.onClose,
           separatorType: "none"
         })]
@@ -93,4 +82,7 @@ export default class Picker extends Component {
     });
   }
 }
-//# sourceMappingURL=index.android.js.map
+export {
+  Picker as default
+};
+//# sourceMappingURL=index.android.js.map

package/build-module/mobile/picker/index.android.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["View","__","Component","Fragment","usePreferredColorSchemeStyle","BottomSheet","styles","PanelBody","TextControl","jsx","_jsx","jsxs","_jsxs","Separator","separatorStyle","style","Picker","constructor","arguments","onClose","bind","onCellPress","state","isVisible","presentPicker","setState","value","onChange","props","getOptions","options","leftAlign","map","option","children","length","separated","Cell","icon","label","separatorType","onPress","disabled","render","hideCancelButton","title","testID","hideHeader"],"sources":["@wordpress/components/src/mobile/picker/index.android.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, Fragment } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport styles from './styles.scss';\nimport PanelBody from '../../panel/body';\nimport TextControl from '../../text-control';\n\nfunction Separator() {\n\tconst separatorStyle = usePreferredColorSchemeStyle(\n\t\tstyles[ 'components-picker__separator' ],\n\t\tstyles[ 'components-picker__separator--dark' ]\n\t);\n\n\treturn <View style={ separatorStyle } />;\n}\n\nexport default class Picker extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.onClose = this.onClose.bind( this );\n\t\tthis.onCellPress = this.onCellPress.bind( this );\n\n\t\tthis.state = {\n\t\t\tisVisible: false,\n\t\t};\n\t}\n\n\tpresentPicker() {\n\t\tthis.setState( { isVisible: true } );\n\t}\n\n\tonClose() {\n\t\tthis.setState( { isVisible: false } );\n\t}\n\n\tonCellPress( value ) {\n\t\tconst { onChange } = this.props;\n\t\tonChange( value );\n\t\tthis.onClose();\n\t}\n\n\tgetOptions() {\n\t\tconst { options, leftAlign } = this.props;\n\n\t\treturn options.map( ( option ) => (\n\t\t\t<Fragment key={ `${ option.label }-${ option.value }` }>\n\t\t\t\t{ options.length > 1 && option.separated && <Separator /> }\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\ticon={ option.icon }\n\t\t\t\t\tleftAlign={ leftAlign }\n\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\tonPress={ () => this.onCellPress( option.value ) }\n\t\t\t\t\tdisabled={ option.disabled }\n\t\t\t\t\tstyle={\n\t\t\t\t\t\toption.disabled &&\n\t\t\t\t\t\tstyles[ 'components-picker__button--disabled' ]\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Fragment>\n\t\t) );\n\t}\n\n\trender() {\n\t\tconst { hideCancelButton, title, testID } = this.props;\n\t\tconst { isVisible } = this.state;\n\n\t\treturn (\n\t\t\t<BottomSheet\n\t\t\t\tisVisible={ isVisible }\n\t\t\t\tonClose={ this.onClose }\n\t\t\t\thideHeader\n\t\t\t\ttestID={ testID }\n\t\t\t>\n\t\t\t\t<PanelBody\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\tstyle={ styles[ 'components-picker__panel' ] }\n\t\t\t\t>\n\t\t\t\t\t{ this.getOptions() }\n\t\t\t\t\t{ ! hideCancelButton && (\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tlabel={ __( 'Cancel' ) }\n\t\t\t\t\t\t\tonPress={ this.onClose }\n\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t</BottomSheet>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/mobile/picker/index.android.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, Fragment } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BottomSheet from '../bottom-sheet';\nimport styles from './styles.scss';\nimport PanelBody from '../../panel/body';\nimport TextControl from '../../text-control';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction Separator() {\n  const separatorStyle = usePreferredColorSchemeStyle(styles['components-picker__separator'], styles['components-picker__separator--dark']);\n  return /*#__PURE__*/_jsx(View, {\n    style: separatorStyle\n  });\n}\nexport default class Picker extends Component {\n  constructor() {\n    super(...arguments);\n    this.onClose = this.onClose.bind(this);\n    this.onCellPress = this.onCellPress.bind(this);\n    this.state = {\n      isVisible: false\n    };\n  }\n  presentPicker() {\n    this.setState({\n      isVisible: true\n    });\n  }\n  onClose() {\n    this.setState({\n      isVisible: false\n    });\n  }\n  onCellPress(value) {\n    const {\n      onChange\n    } = this.props;\n    onChange(value);\n    this.onClose();\n  }\n  getOptions() {\n    const {\n      options,\n      leftAlign\n    } = this.props;\n    return options.map(option => /*#__PURE__*/_jsxs(Fragment, {\n      children: [options.length > 1 && option.separated && /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(BottomSheet.Cell, {\n        icon: option.icon,\n        leftAlign: leftAlign,\n        label: option.label,\n        separatorType: \"none\",\n        onPress: () => this.onCellPress(option.value),\n        disabled: option.disabled,\n        style: option.disabled && styles['components-picker__button--disabled']\n      })]\n    }, `${option.label}-${option.value}`));\n  }\n  render() {\n    const {\n      hideCancelButton,\n      title,\n      testID\n    } = this.props;\n    const {\n      isVisible\n    } = this.state;\n    return /*#__PURE__*/_jsx(BottomSheet, {\n      isVisible: isVisible,\n      onClose: this.onClose,\n      hideHeader: true,\n      testID: testID,\n      children: /*#__PURE__*/_jsxs(PanelBody, {\n        title: title,\n        style: styles['components-picker__panel'],\n        children: [this.getOptions(), !hideCancelButton && /*#__PURE__*/_jsx(TextControl, {\n          label: __('Cancel'),\n          onPress: this.onClose,\n          separatorType: \"none\"\n        })]\n      })\n    });\n  }\n}"],
+  "mappings": "AAGA,SAAS,YAAY;AAKrB,SAAS,UAAU;AACnB,SAAS,WAAW,gBAAgB;AACpC,SAAS,oCAAoC;AAK7C,OAAO,iBAAiB;AACxB,OAAO,YAAY;AACnB,OAAO,eAAe;AACtB,OAAO,iBAAiB;AACxB,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,YAAY;AACnB,QAAM,iBAAiB,6BAA6B,OAAO,8BAA8B,GAAG,OAAO,oCAAoC,CAAC;AACxI,SAAoB,qBAAK,MAAM;AAAA,IAC7B,OAAO;AAAA,EACT,CAAC;AACH;AACA,MAAO,eAA6B,UAAU;AAAA,EAC5C,cAAc;AACZ,UAAM,GAAG,SAAS;AAClB,SAAK,UAAU,KAAK,QAAQ,KAAK,IAAI;AACrC,SAAK,cAAc,KAAK,YAAY,KAAK,IAAI;AAC7C,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,gBAAgB;AACd,SAAK,SAAS;AAAA,MACZ,WAAW;AAAA,IACb,CAAC;AAAA,EACH;AAAA,EACA,UAAU;AACR,SAAK,SAAS;AAAA,MACZ,WAAW;AAAA,IACb,CAAC;AAAA,EACH;AAAA,EACA,YAAY,OAAO;AACjB,UAAM;AAAA,MACJ;AAAA,IACF,IAAI,KAAK;AACT,aAAS,KAAK;AACd,SAAK,QAAQ;AAAA,EACf;AAAA,EACA,aAAa;AACX,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,WAAO,QAAQ,IAAI,YAAuB,sBAAM,UAAU;AAAA,MACxD,UAAU,CAAC,QAAQ,SAAS,KAAK,OAAO,aAA0B,qBAAK,WAAW,CAAC,CAAC,GAAgB,qBAAK,YAAY,MAAM;AAAA,QACzH,MAAM,OAAO;AAAA,QACb;AAAA,QACA,OAAO,OAAO;AAAA,QACd,eAAe;AAAA,QACf,SAAS,MAAM,KAAK,YAAY,OAAO,KAAK;AAAA,QAC5C,UAAU,OAAO;AAAA,QACjB,OAAO,OAAO,YAAY,OAAO,qCAAqC;AAAA,MACxE,CAAC,CAAC;AAAA,IACJ,GAAG,GAAG,OAAO,KAAK,IAAI,OAAO,KAAK,EAAE,CAAC;AAAA,EACvC;AAAA,EACA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM;AAAA,MACJ;AAAA,IACF,IAAI,KAAK;AACT,WAAoB,qBAAK,aAAa;AAAA,MACpC;AAAA,MACA,SAAS,KAAK;AAAA,MACd,YAAY;AAAA,MACZ;AAAA,MACA,UAAuB,sBAAM,WAAW;AAAA,QACtC;AAAA,QACA,OAAO,OAAO,0BAA0B;AAAA,QACxC,UAAU,CAAC,KAAK,WAAW,GAAG,CAAC,oBAAiC,qBAAK,aAAa;AAAA,UAChF,OAAO,GAAG,QAAQ;AAAA,UAClB,SAAS,KAAK;AAAA,UACd,eAAe;AAAA,QACjB,CAAC,CAAC;AAAA,MACJ,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}

package/build-module/mobile/picker/index.ios.js

@@ -1,21 +1,10 @@
-/**
- * External dependencies
- */
-import { ActionSheetIOS } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Component, forwardRef, useContext } from '@wordpress/element';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { usePreferredColorScheme } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import styles from './styles.scss';
-import { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';
+import { ActionSheetIOS } from "react-native";
+import { __ } from "@wordpress/i18n";
+import { Component, forwardRef, useContext } from "@wordpress/element";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { usePreferredColorScheme } from "@wordpress/compose";
+import styles from "./styles.scss";
+import { BottomSheetContext } from "../bottom-sheet/bottom-sheet-context";
 import { jsx as _jsx } from "react/jsx-runtime";
 class Picker extends Component {
   presentPicker() {
@@ -34,8 +23,8 @@ class Picker extends Component {
     const labels = options.map(({
       label
     }) => label);
-    const fullOptions = [__('Cancel')].concat(labels);
-    const buttonTitleColor = colorScheme === 'light' ? styles['components-picker__button-title'].color : styles['components-picker__button-title--dark'].color;
+    const fullOptions = [__("Cancel")].concat(labels);
+    const buttonTitleColor = colorScheme === "light" ? styles["components-picker__button-title"].color : styles["components-picker__button-title--dark"].color;
     ActionSheetIOS.showActionSheetWithOptions({
       title,
       options: fullOptions,
@@ -44,7 +33,7 @@ class Picker extends Component {
       disabledButtonIndices,
       anchor: getAnchor && getAnchor(),
       tintColor: buttonTitleColor
-    }, buttonIndex => {
+    }, (buttonIndex) => {
       if (buttonIndex === 0) {
         return;
       }
@@ -64,22 +53,25 @@ class Picker extends Component {
   }
 }
 const PickerComponent = forwardRef((props, ref) => {
-  const isBottomSheetOpened = useSelect(select => select('core/edit-post').isEditorSidebarOpened());
+  const isBottomSheetOpened = useSelect((select) => select("core/edit-post").isEditorSidebarOpened());
   const {
     closeGeneralSidebar
-  } = useDispatch('core/edit-post');
+  } = useDispatch("core/edit-post");
   const {
     onHandleClosingBottomSheet
   } = useContext(BottomSheetContext);
   const colorScheme = usePreferredColorScheme();
-  return /*#__PURE__*/_jsx(Picker, {
-    ref: ref,
+  return /* @__PURE__ */ _jsx(Picker, {
+    ref,
     ...props,
-    isBottomSheetOpened: isBottomSheetOpened,
+    isBottomSheetOpened,
     closeBottomSheet: closeGeneralSidebar,
-    onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-    colorScheme: colorScheme
+    onHandleClosingBottomSheet,
+    colorScheme
   });
 });
-export default PickerComponent;
-//# sourceMappingURL=index.ios.js.map
+var index_ios_default = PickerComponent;
+export {
+  index_ios_default as default
+};
+//# sourceMappingURL=index.ios.js.map

package/build-module/mobile/picker/index.ios.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["ActionSheetIOS","__","Component","forwardRef","useContext","useDispatch","useSelect","usePreferredColorScheme","styles","BottomSheetContext","jsx","_jsx","Picker","presentPicker","options","onChange","title","destructiveButtonIndex","disabledButtonIndices","getAnchor","isBottomSheetOpened","closeBottomSheet","onHandleClosingBottomSheet","colorScheme","props","labels","map","label","fullOptions","concat","buttonTitleColor","color","showActionSheetWithOptions","cancelButtonIndex","anchor","tintColor","buttonIndex","selected","requiresModal","value","render","PickerComponent","ref","select","isEditorSidebarOpened","closeGeneralSidebar"],"sources":["@wordpress/components/src/mobile/picker/index.ios.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ActionSheetIOS } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, forwardRef, useContext } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { usePreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\n\nclass Picker extends Component {\n\tpresentPicker() {\n\t\tconst {\n\t\t\toptions,\n\t\t\tonChange,\n\t\t\ttitle,\n\t\t\tdestructiveButtonIndex,\n\t\t\tdisabledButtonIndices,\n\t\t\tgetAnchor,\n\t\t\tisBottomSheetOpened,\n\t\t\tcloseBottomSheet,\n\t\t\tonHandleClosingBottomSheet,\n\t\t\tcolorScheme,\n\t\t} = this.props;\n\t\tconst labels = options.map( ( { label } ) => label );\n\t\tconst fullOptions = [ __( 'Cancel' ) ].concat( labels );\n\n\t\tconst buttonTitleColor =\n\t\t\tcolorScheme === 'light'\n\t\t\t\t? styles[ 'components-picker__button-title' ].color\n\t\t\t\t: styles[ 'components-picker__button-title--dark' ].color;\n\n\t\tActionSheetIOS.showActionSheetWithOptions(\n\t\t\t{\n\t\t\t\ttitle,\n\t\t\t\toptions: fullOptions,\n\t\t\t\tcancelButtonIndex: 0,\n\t\t\t\tdestructiveButtonIndex,\n\t\t\t\tdisabledButtonIndices,\n\t\t\t\tanchor: getAnchor && getAnchor(),\n\t\t\t\ttintColor: buttonTitleColor,\n\t\t\t},\n\t\t\t( buttonIndex ) => {\n\t\t\t\tif ( buttonIndex === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst selected = options[ buttonIndex - 1 ];\n\n\t\t\t\tif ( selected.requiresModal && isBottomSheetOpened ) {\n\t\t\t\t\tonHandleClosingBottomSheet( () => {\n\t\t\t\t\t\tonChange( selected.value );\n\t\t\t\t\t} );\n\t\t\t\t\tcloseBottomSheet();\n\t\t\t\t} else {\n\t\t\t\t\tonChange( selected.value );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\trender() {\n\t\treturn null;\n\t}\n}\n\nconst PickerComponent = forwardRef( ( props, ref ) => {\n\tconst isBottomSheetOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst { onHandleClosingBottomSheet } = useContext( BottomSheetContext );\n\n\tconst colorScheme = usePreferredColorScheme();\n\n\treturn (\n\t\t<Picker\n\t\t\tref={ ref }\n\t\t\t{ ...props }\n\t\t\tisBottomSheetOpened={ isBottomSheetOpened }\n\t\t\tcloseBottomSheet={ closeGeneralSidebar }\n\t\t\tonHandleClosingBottomSheet={ onHandleClosingBottomSheet }\n\t\t\tcolorScheme={ colorScheme }\n\t\t/>\n\t);\n} );\n\nexport default PickerComponent;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,cAAc;;AAE7C;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,EAAEC,UAAU,EAAEC,UAAU,QAAQ,oBAAoB;AACtE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,uBAAuB,QAAQ,oBAAoB;;AAE5D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sCAAsC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1E,MAAMC,MAAM,SAASV,SAAS,CAAC;EAC9BW,aAAaA,CAAA,EAAG;IACf,MAAM;MACLC,OAAO;MACPC,QAAQ;MACRC,KAAK;MACLC,sBAAsB;MACtBC,qBAAqB;MACrBC,SAAS;MACTC,mBAAmB;MACnBC,gBAAgB;MAChBC,0BAA0B;MAC1BC;IACD,CAAC,GAAG,IAAI,CAACC,KAAK;IACd,MAAMC,MAAM,GAAGX,OAAO,CAACY,GAAG,CAAE,CAAE;MAAEC;IAAM,CAAC,KAAMA,KAAM,CAAC;IACpD,MAAMC,WAAW,GAAG,CAAE3B,EAAE,CAAE,QAAS,CAAC,CAAE,CAAC4B,MAAM,CAAEJ,MAAO,CAAC;IAEvD,MAAMK,gBAAgB,GACrBP,WAAW,KAAK,OAAO,GACpBf,MAAM,CAAE,iCAAiC,CAAE,CAACuB,KAAK,GACjDvB,MAAM,CAAE,uCAAuC,CAAE,CAACuB,KAAK;IAE3D/B,cAAc,CAACgC,0BAA0B,CACxC;MACChB,KAAK;MACLF,OAAO,EAAEc,WAAW;MACpBK,iBAAiB,EAAE,CAAC;MACpBhB,sBAAsB;MACtBC,qBAAqB;MACrBgB,MAAM,EAAEf,SAAS,IAAIA,SAAS,CAAC,CAAC;MAChCgB,SAAS,EAAEL;IACZ,CAAC,EACCM,WAAW,IAAM;MAClB,IAAKA,WAAW,KAAK,CAAC,EAAG;QACxB;MACD;MACA,MAAMC,QAAQ,GAAGvB,OAAO,CAAEsB,WAAW,GAAG,CAAC,CAAE;MAE3C,IAAKC,QAAQ,CAACC,aAAa,IAAIlB,mBAAmB,EAAG;QACpDE,0BAA0B,CAAE,MAAM;UACjCP,QAAQ,CAAEsB,QAAQ,CAACE,KAAM,CAAC;QAC3B,CAAE,CAAC;QACHlB,gBAAgB,CAAC,CAAC;MACnB,CAAC,MAAM;QACNN,QAAQ,CAAEsB,QAAQ,CAACE,KAAM,CAAC;MAC3B;IACD,CACD,CAAC;EACF;EAEAC,MAAMA,CAAA,EAAG;IACR,OAAO,IAAI;EACZ;AACD;AAEA,MAAMC,eAAe,GAAGtC,UAAU,CAAE,CAAEqB,KAAK,EAAEkB,GAAG,KAAM;EACrD,MAAMtB,mBAAmB,GAAGd,SAAS,CAAIqC,MAAM,IAC9CA,MAAM,CAAE,gBAAiB,CAAC,CAACC,qBAAqB,CAAC,CAClD,CAAC;EACD,MAAM;IAAEC;EAAoB,CAAC,GAAGxC,WAAW,CAAE,gBAAiB,CAAC;EAC/D,MAAM;IAAEiB;EAA2B,CAAC,GAAGlB,UAAU,CAAEK,kBAAmB,CAAC;EAEvE,MAAMc,WAAW,GAAGhB,uBAAuB,CAAC,CAAC;EAE7C,oBACCI,IAAA,CAACC,MAAM;IACN8B,GAAG,EAAGA,GAAK;IAAA,GACNlB,KAAK;IACVJ,mBAAmB,EAAGA,mBAAqB;IAC3CC,gBAAgB,EAAGwB,mBAAqB;IACxCvB,0BAA0B,EAAGA,0BAA4B;IACzDC,WAAW,EAAGA;EAAa,CAC3B,CAAC;AAEJ,CAAE,CAAC;AAEH,eAAekB,eAAe","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/mobile/picker/index.ios.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { ActionSheetIOS } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Component, forwardRef, useContext } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { usePreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { BottomSheetContext } from '../bottom-sheet/bottom-sheet-context';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nclass Picker extends Component {\n  presentPicker() {\n    const {\n      options,\n      onChange,\n      title,\n      destructiveButtonIndex,\n      disabledButtonIndices,\n      getAnchor,\n      isBottomSheetOpened,\n      closeBottomSheet,\n      onHandleClosingBottomSheet,\n      colorScheme\n    } = this.props;\n    const labels = options.map(({\n      label\n    }) => label);\n    const fullOptions = [__('Cancel')].concat(labels);\n    const buttonTitleColor = colorScheme === 'light' ? styles['components-picker__button-title'].color : styles['components-picker__button-title--dark'].color;\n    ActionSheetIOS.showActionSheetWithOptions({\n      title,\n      options: fullOptions,\n      cancelButtonIndex: 0,\n      destructiveButtonIndex,\n      disabledButtonIndices,\n      anchor: getAnchor && getAnchor(),\n      tintColor: buttonTitleColor\n    }, buttonIndex => {\n      if (buttonIndex === 0) {\n        return;\n      }\n      const selected = options[buttonIndex - 1];\n      if (selected.requiresModal && isBottomSheetOpened) {\n        onHandleClosingBottomSheet(() => {\n          onChange(selected.value);\n        });\n        closeBottomSheet();\n      } else {\n        onChange(selected.value);\n      }\n    });\n  }\n  render() {\n    return null;\n  }\n}\nconst PickerComponent = forwardRef((props, ref) => {\n  const isBottomSheetOpened = useSelect(select => select('core/edit-post').isEditorSidebarOpened());\n  const {\n    closeGeneralSidebar\n  } = useDispatch('core/edit-post');\n  const {\n    onHandleClosingBottomSheet\n  } = useContext(BottomSheetContext);\n  const colorScheme = usePreferredColorScheme();\n  return /*#__PURE__*/_jsx(Picker, {\n    ref: ref,\n    ...props,\n    isBottomSheetOpened: isBottomSheetOpened,\n    closeBottomSheet: closeGeneralSidebar,\n    onHandleClosingBottomSheet: onHandleClosingBottomSheet,\n    colorScheme: colorScheme\n  });\n});\nexport default PickerComponent;"],
+  "mappings": "AAGA,SAAS,sBAAsB;AAK/B,SAAS,UAAU;AACnB,SAAS,WAAW,YAAY,kBAAkB;AAClD,SAAS,aAAa,iBAAiB;AACvC,SAAS,+BAA+B;AAKxC,OAAO,YAAY;AACnB,SAAS,0BAA0B;AACnC,SAAS,OAAO,YAAY;AAC5B,MAAM,eAAe,UAAU;AAAA,EAC7B,gBAAgB;AACd,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,SAAS,QAAQ,IAAI,CAAC;AAAA,MAC1B;AAAA,IACF,MAAM,KAAK;AACX,UAAM,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,OAAO,MAAM;AAChD,UAAM,mBAAmB,gBAAgB,UAAU,OAAO,iCAAiC,EAAE,QAAQ,OAAO,uCAAuC,EAAE;AACrJ,mBAAe,2BAA2B;AAAA,MACxC;AAAA,MACA,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA,QAAQ,aAAa,UAAU;AAAA,MAC/B,WAAW;AAAA,IACb,GAAG,iBAAe;AAChB,UAAI,gBAAgB,GAAG;AACrB;AAAA,MACF;AACA,YAAM,WAAW,QAAQ,cAAc,CAAC;AACxC,UAAI,SAAS,iBAAiB,qBAAqB;AACjD,mCAA2B,MAAM;AAC/B,mBAAS,SAAS,KAAK;AAAA,QACzB,CAAC;AACD,yBAAiB;AAAA,MACnB,OAAO;AACL,iBAAS,SAAS,KAAK;AAAA,MACzB;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EACA,SAAS;AACP,WAAO;AAAA,EACT;AACF;AACA,MAAM,kBAAkB,WAAW,CAAC,OAAO,QAAQ;AACjD,QAAM,sBAAsB,UAAU,YAAU,OAAO,gBAAgB,EAAE,sBAAsB,CAAC;AAChG,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,YAAY,gBAAgB;AAChC,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,WAAW,kBAAkB;AACjC,QAAM,cAAc,wBAAwB;AAC5C,SAAoB,qBAAK,QAAQ;AAAA,IAC/B;AAAA,IACA,GAAG;AAAA,IACH;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF,CAAC;AACH,CAAC;AACD,IAAO,oBAAQ;",
+  "names": []
+}

package/build-module/modal/aria-helper.js

@@ -1,19 +1,6 @@
-const LIVE_REGION_ARIA_ROLES = new Set(['alert', 'status', 'log', 'marquee', 'timer']);
+const LIVE_REGION_ARIA_ROLES = /* @__PURE__ */ new Set(["alert", "status", "log", "marquee", "timer"]);
 const hiddenElementsByDepth = [];
-
-/**
- * Hides all elements in the body element from screen-readers except
- * the provided element and elements that should not be hidden from
- * screen-readers.
- *
- * The reason we do this is because `aria-modal="true"` currently is bugged
- * in Safari, and support is spotty in other browsers overall. In the future
- * we should consider removing these helper functions in favor of
- * `aria-modal="true"`.
- *
- * @param modalElement The element that should not be hidden.
- */
-export function modalize(modalElement) {
+function modalize(modalElement) {
   const elements = Array.from(document.body.children);
   const hiddenElements = [];
   hiddenElementsByDepth.push(hiddenElements);
@@ -22,34 +9,27 @@ export function modalize(modalElement) {
       continue;
     }
     if (elementShouldBeHidden(element)) {
-      element.setAttribute('aria-hidden', 'true');
+      element.setAttribute("aria-hidden", "true");
       hiddenElements.push(element);
     }
   }
 }
-
-/**
- * Determines if the passed element should not be hidden from screen readers.
- *
- * @param element The element that should be checked.
- *
- * @return Whether the element should not be hidden from screen-readers.
- */
-export function elementShouldBeHidden(element) {
-  const role = element.getAttribute('role');
-  return !(element.tagName === 'SCRIPT' || element.hasAttribute('hidden') || element.hasAttribute('aria-hidden') || element.hasAttribute('aria-live') || role && LIVE_REGION_ARIA_ROLES.has(role));
+function elementShouldBeHidden(element) {
+  const role = element.getAttribute("role");
+  return !(element.tagName === "SCRIPT" || element.hasAttribute("hidden") || element.hasAttribute("aria-hidden") || element.hasAttribute("aria-live") || role && LIVE_REGION_ARIA_ROLES.has(role));
 }
-
-/**
- * Accessibly reveals the elements hidden by the latest modal.
- */
-export function unmodalize() {
+function unmodalize() {
   const hiddenElements = hiddenElementsByDepth.pop();
   if (!hiddenElements) {
     return;
   }
   for (const element of hiddenElements) {
-    element.removeAttribute('aria-hidden');
+    element.removeAttribute("aria-hidden");
   }
 }
-//# sourceMappingURL=aria-helper.js.map
+export {
+  elementShouldBeHidden,
+  modalize,
+  unmodalize
+};
+//# sourceMappingURL=aria-helper.js.map

package/build-module/modal/aria-helper.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["LIVE_REGION_ARIA_ROLES","Set","hiddenElementsByDepth","modalize","modalElement","elements","Array","from","document","body","children","hiddenElements","push","element","elementShouldBeHidden","setAttribute","role","getAttribute","tagName","hasAttribute","has","unmodalize","pop","removeAttribute"],"sources":["@wordpress/components/src/modal/aria-helper.ts"],"sourcesContent":["const LIVE_REGION_ARIA_ROLES = new Set( [\n\t'alert',\n\t'status',\n\t'log',\n\t'marquee',\n\t'timer',\n] );\n\nconst hiddenElementsByDepth: Element[][] = [];\n\n/**\n * Hides all elements in the body element from screen-readers except\n * the provided element and elements that should not be hidden from\n * screen-readers.\n *\n * The reason we do this is because `aria-modal=\"true\"` currently is bugged\n * in Safari, and support is spotty in other browsers overall. In the future\n * we should consider removing these helper functions in favor of\n * `aria-modal=\"true\"`.\n *\n * @param modalElement The element that should not be hidden.\n */\nexport function modalize( modalElement?: HTMLDivElement ) {\n\tconst elements = Array.from( document.body.children );\n\tconst hiddenElements: Element[] = [];\n\thiddenElementsByDepth.push( hiddenElements );\n\tfor ( const element of elements ) {\n\t\tif ( element === modalElement ) {\n\t\t\tcontinue;\n\t\t}\n\n\t\tif ( elementShouldBeHidden( element ) ) {\n\t\t\telement.setAttribute( 'aria-hidden', 'true' );\n\t\t\thiddenElements.push( element );\n\t\t}\n\t}\n}\n\n/**\n * Determines if the passed element should not be hidden from screen readers.\n *\n * @param element The element that should be checked.\n *\n * @return Whether the element should not be hidden from screen-readers.\n */\nexport function elementShouldBeHidden( element: Element ) {\n\tconst role = element.getAttribute( 'role' );\n\treturn ! (\n\t\telement.tagName === 'SCRIPT' ||\n\t\telement.hasAttribute( 'hidden' ) ||\n\t\telement.hasAttribute( 'aria-hidden' ) ||\n\t\telement.hasAttribute( 'aria-live' ) ||\n\t\t( role && LIVE_REGION_ARIA_ROLES.has( role ) )\n\t);\n}\n\n/**\n * Accessibly reveals the elements hidden by the latest modal.\n */\nexport function unmodalize() {\n\tconst hiddenElements = hiddenElementsByDepth.pop();\n\tif ( ! hiddenElements ) {\n\t\treturn;\n\t}\n\n\tfor ( const element of hiddenElements ) {\n\t\telement.removeAttribute( 'aria-hidden' );\n\t}\n}\n"],"mappings":"AAAA,MAAMA,sBAAsB,GAAG,IAAIC,GAAG,CAAE,CACvC,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,CACN,CAAC;AAEH,MAAMC,qBAAkC,GAAG,EAAE;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAEC,YAA6B,EAAG;EACzD,MAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAAEC,QAAQ,CAACC,IAAI,CAACC,QAAS,CAAC;EACrD,MAAMC,cAAyB,GAAG,EAAE;EACpCT,qBAAqB,CAACU,IAAI,CAAED,cAAe,CAAC;EAC5C,KAAM,MAAME,OAAO,IAAIR,QAAQ,EAAG;IACjC,IAAKQ,OAAO,KAAKT,YAAY,EAAG;MAC/B;IACD;IAEA,IAAKU,qBAAqB,CAAED,OAAQ,CAAC,EAAG;MACvCA,OAAO,CAACE,YAAY,CAAE,aAAa,EAAE,MAAO,CAAC;MAC7CJ,cAAc,CAACC,IAAI,CAAEC,OAAQ,CAAC;IAC/B;EACD;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAAED,OAAgB,EAAG;EACzD,MAAMG,IAAI,GAAGH,OAAO,CAACI,YAAY,CAAE,MAAO,CAAC;EAC3C,OAAO,EACNJ,OAAO,CAACK,OAAO,KAAK,QAAQ,IAC5BL,OAAO,CAACM,YAAY,CAAE,QAAS,CAAC,IAChCN,OAAO,CAACM,YAAY,CAAE,aAAc,CAAC,IACrCN,OAAO,CAACM,YAAY,CAAE,WAAY,CAAC,IACjCH,IAAI,IAAIhB,sBAAsB,CAACoB,GAAG,CAAEJ,IAAK,CAAG,CAC9C;AACF;;AAEA;AACA;AACA;AACA,OAAO,SAASK,UAAUA,CAAA,EAAG;EAC5B,MAAMV,cAAc,GAAGT,qBAAqB,CAACoB,GAAG,CAAC,CAAC;EAClD,IAAK,CAAEX,cAAc,EAAG;IACvB;EACD;EAEA,KAAM,MAAME,OAAO,IAAIF,cAAc,EAAG;IACvCE,OAAO,CAACU,eAAe,CAAE,aAAc,CAAC;EACzC;AACD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/modal/aria-helper.ts"],
+  "sourcesContent": ["const LIVE_REGION_ARIA_ROLES = new Set(['alert', 'status', 'log', 'marquee', 'timer']);\nconst hiddenElementsByDepth = [];\n\n/**\n * Hides all elements in the body element from screen-readers except\n * the provided element and elements that should not be hidden from\n * screen-readers.\n *\n * The reason we do this is because `aria-modal=\"true\"` currently is bugged\n * in Safari, and support is spotty in other browsers overall. In the future\n * we should consider removing these helper functions in favor of\n * `aria-modal=\"true\"`.\n *\n * @param modalElement The element that should not be hidden.\n */\nexport function modalize(modalElement) {\n  const elements = Array.from(document.body.children);\n  const hiddenElements = [];\n  hiddenElementsByDepth.push(hiddenElements);\n  for (const element of elements) {\n    if (element === modalElement) {\n      continue;\n    }\n    if (elementShouldBeHidden(element)) {\n      element.setAttribute('aria-hidden', 'true');\n      hiddenElements.push(element);\n    }\n  }\n}\n\n/**\n * Determines if the passed element should not be hidden from screen readers.\n *\n * @param element The element that should be checked.\n *\n * @return Whether the element should not be hidden from screen-readers.\n */\nexport function elementShouldBeHidden(element) {\n  const role = element.getAttribute('role');\n  return !(element.tagName === 'SCRIPT' || element.hasAttribute('hidden') || element.hasAttribute('aria-hidden') || element.hasAttribute('aria-live') || role && LIVE_REGION_ARIA_ROLES.has(role));\n}\n\n/**\n * Accessibly reveals the elements hidden by the latest modal.\n */\nexport function unmodalize() {\n  const hiddenElements = hiddenElementsByDepth.pop();\n  if (!hiddenElements) {\n    return;\n  }\n  for (const element of hiddenElements) {\n    element.removeAttribute('aria-hidden');\n  }\n}"],
+  "mappings": "AAAA,MAAM,yBAAyB,oBAAI,IAAI,CAAC,SAAS,UAAU,OAAO,WAAW,OAAO,CAAC;AACrF,MAAM,wBAAwB,CAAC;AAcxB,SAAS,SAAS,cAAc;AACrC,QAAM,WAAW,MAAM,KAAK,SAAS,KAAK,QAAQ;AAClD,QAAM,iBAAiB,CAAC;AACxB,wBAAsB,KAAK,cAAc;AACzC,aAAW,WAAW,UAAU;AAC9B,QAAI,YAAY,cAAc;AAC5B;AAAA,IACF;AACA,QAAI,sBAAsB,OAAO,GAAG;AAClC,cAAQ,aAAa,eAAe,MAAM;AAC1C,qBAAe,KAAK,OAAO;AAAA,IAC7B;AAAA,EACF;AACF;AASO,SAAS,sBAAsB,SAAS;AAC7C,QAAM,OAAO,QAAQ,aAAa,MAAM;AACxC,SAAO,EAAE,QAAQ,YAAY,YAAY,QAAQ,aAAa,QAAQ,KAAK,QAAQ,aAAa,aAAa,KAAK,QAAQ,aAAa,WAAW,KAAK,QAAQ,uBAAuB,IAAI,IAAI;AAChM;AAKO,SAAS,aAAa;AAC3B,QAAM,iBAAiB,sBAAsB,IAAI;AACjD,MAAI,CAAC,gBAAgB;AACnB;AAAA,EACF;AACA,aAAW,WAAW,gBAAgB;AACpC,YAAQ,gBAAgB,aAAa;AAAA,EACvC;AACF;",
+  "names": []
+}