@wordpress/components 24.0.0 → 25.1.0

package/build-module/input-control/styles/input-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["css","Flex","FlexItem","Text","baseLabelTypography","COLORS","rtl","space","rootFocusedStyles","isFocused","Root","containerDisabledStyles","disabled","backgroundColor","ui","backgroundDisabled","background","containerWidthStyles","__unstableInputWidth","labelPosition","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","getSizeConfig","__next36pxDefaultSize","height","lineHeight","minHeight","paddingLeft","paddingRight","sizeStyles","props","customPaddings","paddingInlineStart","paddingInlineEnd","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","gray","BaseLabel","Label","LabelWrapper","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","borderDisabled","borderStyle","borderWidth","BackdropUI","Prefix","Suffix"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport type { CSSProperties, ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../ui/context';\nimport { Flex, FlexItem } from '../../flex';\nimport { Text } from '../../text';\nimport { baseLabelTypography, COLORS, rtl } from '../../utils';\nimport type { LabelPosition, Size } from '../types';\nimport { space } from '../../ui/utils/space';\n\ntype ContainerProps = {\n\tdisabled?: boolean;\n\thideLabel?: boolean;\n\t__unstableInputWidth?: CSSProperties[ 'width' ];\n\tlabelPosition?: LabelPosition;\n};\n\ntype RootProps = {\n\tisFocused?: boolean;\n\tlabelPosition?: LabelPosition;\n};\n\nconst rootFocusedStyles = ( { isFocused }: RootProps ) => {\n\tif ( ! isFocused ) return '';\n\n\treturn css( { zIndex: 1 } );\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tbox-sizing: border-box;\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n`;\n\nconst containerDisabledStyles = ( { disabled }: ContainerProps ) => {\n\tconst backgroundColor = disabled\n\t\t? COLORS.ui.backgroundDisabled\n\t\t: COLORS.ui.background;\n\n\treturn css( { backgroundColor } );\n};\n\nconst containerWidthStyles = ( {\n\t__unstableInputWidth,\n\tlabelPosition,\n}: ContainerProps ) => {\n\tif ( ! __unstableInputWidth ) return css( { width: '100%' } );\n\n\tif ( labelPosition === 'side' ) return '';\n\n\tif ( labelPosition === 'edge' ) {\n\t\treturn css( {\n\t\t\tflex: `0 0 ${ __unstableInputWidth }`,\n\t\t} );\n\t}\n\n\treturn css( { width: __unstableInputWidth } );\n};\n\nexport const Container = styled.div< ContainerProps >`\n\talign-items: center;\n\tbox-sizing: border-box;\n\tborder-radius: inherit;\n\tdisplay: flex;\n\tflex: 1;\n\tposition: relative;\n\n\t${ containerDisabledStyles }\n\t${ containerWidthStyles }\n`;\n\ntype InputProps = {\n\t__next36pxDefaultSize?: boolean;\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\n\tpaddingInlineStart?: CSSProperties[ 'paddingInlineStart' ];\n\tpaddingInlineEnd?: CSSProperties[ 'paddingInlineEnd' ];\n};\n\nconst disabledStyles = ( { disabled }: InputProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t\t'__unstable-large': '13px',\n\t};\n\n\tconst fontSize = sizes[ size as Size ] || sizes.default;\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nexport const getSizeConfig = ( {\n\tinputSize: size,\n\t__next36pxDefaultSize,\n}: InputProps ) => {\n\t// Paddings may be overridden by the custom paddings props.\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 36,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 36,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 40,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t};\n\n\tif ( ! __next36pxDefaultSize ) {\n\t\tsizes.default = {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t};\n\t}\n\n\treturn sizes[ size as Size ] || sizes.default;\n};\n\nconst sizeStyles = ( props: InputProps ) => {\n\treturn css( getSizeConfig( props ) );\n};\n\nconst customPaddings = ( {\n\tpaddingInlineStart,\n\tpaddingInlineEnd,\n}: InputProps ) => {\n\treturn css( { paddingInlineStart, paddingInlineEnd } );\n};\n\nconst dragStyles = ( { isDragging, dragCursor }: InputProps ) => {\n\tlet defaultArrowStyles: SerializedStyles | undefined;\n\tlet activeDragCursorStyles: SerializedStyles | undefined;\n\n\tif ( isDragging ) {\n\t\tdefaultArrowStyles = css`\n\t\t\tcursor: ${ dragCursor };\n\t\t\tuser-select: none;\n\n\t\t\t&::-webkit-outer-spin-button,\n\t\t\t&::-webkit-inner-spin-button {\n\t\t\t\t-webkit-appearance: none !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t}\n\t\t`;\n\t}\n\n\tif ( isDragging && dragCursor ) {\n\t\tactiveDragCursorStyles = css`\n\t\t\t&:active {\n\t\t\t\tcursor: ${ dragCursor };\n\t\t\t}\n\t\t`;\n\t}\n\n\treturn css`\n\t\t${ defaultArrowStyles }\n\t\t${ activeDragCursorStyles }\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Input = styled.input< InputProps >`\n\t&&& {\n\t\tbackground-color: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\t\t${ customPaddings }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\t${ baseLabelTypography };\n\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n`;\n\nexport const Label = (\n\tprops: WordPressComponentProps<\n\t\t{ labelPosition?: LabelPosition; children: ReactNode },\n\t\t'label',\n\t\tfalse\n\t>\n) => <BaseLabel { ...props } as=\"label\" />;\n\nexport const LabelWrapper = styled( FlexItem )`\n\tmax-width: calc( 100% - 10px );\n`;\n\ntype BackdropProps = {\n\tdisabled?: boolean;\n\tisFocused?: boolean;\n};\n\nconst backdropFocusedStyles = ( {\n\tdisabled,\n\tisFocused,\n}: BackdropProps ): SerializedStyles => {\n\tlet borderColor = isFocused ? COLORS.ui.borderFocus : COLORS.ui.border;\n\n\tlet boxShadow;\n\n\tif ( isFocused ) {\n\t\tboxShadow = `0 0 0 1px ${ COLORS.ui.borderFocus } inset`;\n\t}\n\n\tif ( disabled ) {\n\t\tborderColor = COLORS.ui.borderDisabled;\n\t}\n\n\treturn css( {\n\t\tboxShadow,\n\t\tborderColor,\n\t\tborderStyle: 'solid',\n\t\tborderWidth: 1,\n\t} );\n};\n\nexport const BackdropUI = styled.div< BackdropProps >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\n\t\t${ backdropFocusedStyles }\n\t\t${ rtl( { paddingLeft: 2 } ) }\n\t}\n`;\n\nexport const Prefix = styled.span`\n\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n\nexport const Suffix = styled.span`\n\talign-items: center;\n\talign-self: stretch;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["css","Flex","FlexItem","Text","baseLabelTypography","COLORS","rtl","space","rootFocusedStyles","isFocused","Root","containerDisabledStyles","disabled","backgroundColor","ui","backgroundDisabled","background","containerWidthStyles","__unstableInputWidth","labelPosition","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","getSizeConfig","__next36pxDefaultSize","height","lineHeight","minHeight","paddingLeft","paddingRight","sizeStyles","props","customPaddings","paddingInlineStart","paddingInlineEnd","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","gray","BaseLabel","Label","LabelWrapper","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","outline","outlineOffset","borderDisabled","borderStyle","borderWidth","BackdropUI","Prefix","Suffix"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport type { CSSProperties, ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../../ui/context';\nimport { Flex, FlexItem } from '../../flex';\nimport { Text } from '../../text';\nimport { baseLabelTypography, COLORS, rtl } from '../../utils';\nimport type { LabelPosition, Size } from '../types';\nimport { space } from '../../ui/utils/space';\n\ntype ContainerProps = {\n\tdisabled?: boolean;\n\thideLabel?: boolean;\n\t__unstableInputWidth?: CSSProperties[ 'width' ];\n\tlabelPosition?: LabelPosition;\n};\n\ntype RootProps = {\n\tisFocused?: boolean;\n\tlabelPosition?: LabelPosition;\n};\n\nconst rootFocusedStyles = ( { isFocused }: RootProps ) => {\n\tif ( ! isFocused ) return '';\n\n\treturn css( { zIndex: 1 } );\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tbox-sizing: border-box;\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n`;\n\nconst containerDisabledStyles = ( { disabled }: ContainerProps ) => {\n\tconst backgroundColor = disabled\n\t\t? COLORS.ui.backgroundDisabled\n\t\t: COLORS.ui.background;\n\n\treturn css( { backgroundColor } );\n};\n\nconst containerWidthStyles = ( {\n\t__unstableInputWidth,\n\tlabelPosition,\n}: ContainerProps ) => {\n\tif ( ! __unstableInputWidth ) return css( { width: '100%' } );\n\n\tif ( labelPosition === 'side' ) return '';\n\n\tif ( labelPosition === 'edge' ) {\n\t\treturn css( {\n\t\t\tflex: `0 0 ${ __unstableInputWidth }`,\n\t\t} );\n\t}\n\n\treturn css( { width: __unstableInputWidth } );\n};\n\nexport const Container = styled.div< ContainerProps >`\n\talign-items: center;\n\tbox-sizing: border-box;\n\tborder-radius: inherit;\n\tdisplay: flex;\n\tflex: 1;\n\tposition: relative;\n\n\t${ containerDisabledStyles }\n\t${ containerWidthStyles }\n`;\n\ntype InputProps = {\n\t__next36pxDefaultSize?: boolean;\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\n\tpaddingInlineStart?: CSSProperties[ 'paddingInlineStart' ];\n\tpaddingInlineEnd?: CSSProperties[ 'paddingInlineEnd' ];\n};\n\nconst disabledStyles = ( { disabled }: InputProps ) => {\n\tif ( ! disabled ) return '';\n\n\treturn css( {\n\t\tcolor: COLORS.ui.textDisabled,\n\t} );\n};\n\nconst fontSizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: '13px',\n\t\tsmall: '11px',\n\t\t'__unstable-large': '13px',\n\t};\n\n\tconst fontSize = sizes[ size as Size ] || sizes.default;\n\tconst fontSizeMobile = '16px';\n\n\tif ( ! fontSize ) return '';\n\n\treturn css`\n\t\tfont-size: ${ fontSizeMobile };\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tfont-size: ${ fontSize };\n\t\t}\n\t`;\n};\n\nexport const getSizeConfig = ( {\n\tinputSize: size,\n\t__next36pxDefaultSize,\n}: InputProps ) => {\n\t// Paddings may be overridden by the custom paddings props.\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 36,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 36,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t},\n\t\t'__unstable-large': {\n\t\t\theight: 40,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 40,\n\t\t\tpaddingLeft: space( 4 ),\n\t\t\tpaddingRight: space( 4 ),\n\t\t},\n\t};\n\n\tif ( ! __next36pxDefaultSize ) {\n\t\tsizes.default = {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t\tpaddingLeft: space( 2 ),\n\t\t\tpaddingRight: space( 2 ),\n\t\t};\n\t}\n\n\treturn sizes[ size as Size ] || sizes.default;\n};\n\nconst sizeStyles = ( props: InputProps ) => {\n\treturn css( getSizeConfig( props ) );\n};\n\nconst customPaddings = ( {\n\tpaddingInlineStart,\n\tpaddingInlineEnd,\n}: InputProps ) => {\n\treturn css( { paddingInlineStart, paddingInlineEnd } );\n};\n\nconst dragStyles = ( { isDragging, dragCursor }: InputProps ) => {\n\tlet defaultArrowStyles: SerializedStyles | undefined;\n\tlet activeDragCursorStyles: SerializedStyles | undefined;\n\n\tif ( isDragging ) {\n\t\tdefaultArrowStyles = css`\n\t\t\tcursor: ${ dragCursor };\n\t\t\tuser-select: none;\n\n\t\t\t&::-webkit-outer-spin-button,\n\t\t\t&::-webkit-inner-spin-button {\n\t\t\t\t-webkit-appearance: none !important;\n\t\t\t\tmargin: 0 !important;\n\t\t\t}\n\t\t`;\n\t}\n\n\tif ( isDragging && dragCursor ) {\n\t\tactiveDragCursorStyles = css`\n\t\t\t&:active {\n\t\t\t\tcursor: ${ dragCursor };\n\t\t\t}\n\t\t`;\n\t}\n\n\treturn css`\n\t\t${ defaultArrowStyles }\n\t\t${ activeDragCursorStyles }\n\t`;\n};\n\n// TODO: Resolve need to use &&& to increase specificity\n// https://github.com/WordPress/gutenberg/issues/18483\n\nexport const Input = styled.input< InputProps >`\n\t&&& {\n\t\tbackground-color: transparent;\n\t\tbox-sizing: border-box;\n\t\tborder: none;\n\t\tbox-shadow: none !important;\n\t\tcolor: ${ COLORS.gray[ 900 ] };\n\t\tdisplay: block;\n\t\tfont-family: inherit;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\t\t${ customPaddings }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\t${ baseLabelTypography };\n\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n`;\n\nexport const Label = (\n\tprops: WordPressComponentProps<\n\t\t{ labelPosition?: LabelPosition; children: ReactNode },\n\t\t'label',\n\t\tfalse\n\t>\n) => <BaseLabel { ...props } as=\"label\" />;\n\nexport const LabelWrapper = styled( FlexItem )`\n\tmax-width: calc( 100% - 10px );\n`;\n\ntype BackdropProps = {\n\tdisabled?: boolean;\n\tisFocused?: boolean;\n};\n\nconst backdropFocusedStyles = ( {\n\tdisabled,\n\tisFocused,\n}: BackdropProps ): SerializedStyles => {\n\tlet borderColor = isFocused ? COLORS.ui.borderFocus : COLORS.ui.border;\n\n\tlet boxShadow;\n\tlet outline;\n\tlet outlineOffset;\n\n\tif ( isFocused ) {\n\t\tboxShadow = `0 0 0 1px ${ COLORS.ui.borderFocus } inset`;\n\t\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\t\toutline = `2px solid transparent`;\n\t\toutlineOffset = `-2px`;\n\t}\n\n\tif ( disabled ) {\n\t\tborderColor = COLORS.ui.borderDisabled;\n\t}\n\n\treturn css( {\n\t\tboxShadow,\n\t\tborderColor,\n\t\tborderStyle: 'solid',\n\t\tborderWidth: 1,\n\t\toutline,\n\t\toutlineOffset,\n\t} );\n};\n\nexport const BackdropUI = styled.div< BackdropProps >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tborder-radius: inherit;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\n\t\t${ backdropFocusedStyles }\n\t\t${ rtl( { paddingLeft: 2 } ) }\n\t}\n`;\n\nexport const Prefix = styled.span`\n\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n\nexport const Suffix = styled.span`\n\talign-items: center;\n\talign-self: stretch;\n\tbox-sizing: border-box;\n\tdisplay: flex;\n`;\n"]}

package/build-module/input-control/utils.js

@@ -81,10 +81,8 @@ export function useDraft(props) {
   };
 
   const onBlur = event => {
-    var _props$onBlur;
-
     setDraft({});
-    (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, event);
+    props.onBlur?.(event);
   };
 
   return {

package/build-module/input-control/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/input-control/utils.ts"],"names":["useEffect","useLayoutEffect","useRef","useState","getDragCursor","dragDirection","dragCursor","useDragCursor","isDragging","document","documentElement","style","cursor","useDraft","props","refPreviousValue","value","draft","setDraft","undefined","current","previousValue","isStale","onChange","nextValue","extra","Object","assign","onBlur","event"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,SADD,EAECC,eAFD,EAGCC,MAHD,EAICC,QAJD,QAKO,oBALP;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAT,CAAwBC,aAAxB,EAAwD;AAC9D,MAAIC,UAAU,GAAG,WAAjB;;AAEA,UAASD,aAAT;AACC,SAAK,GAAL;AACA,SAAK,GAAL;AACCC,MAAAA,UAAU,GAAG,WAAb;AACA;;AAED,SAAK,GAAL;AACA,SAAK,GAAL;AACCA,MAAAA,UAAU,GAAG,WAAb;AACA;AATF;;AAYA,SAAOA,UAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,CACNC,UADM,EAENH,aAFM,EAGG;AACT,QAAMC,UAAU,GAAGF,aAAa,CAAEC,aAAF,CAAhC;AAEAL,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKQ,UAAL,EAAkB;AACjBC,MAAAA,QAAQ,CAACC,eAAT,CAAyBC,KAAzB,CAA+BC,MAA/B,GAAwCN,UAAxC;AACA,KAFD,MAEO;AACN;AACAG,MAAAA,QAAQ,CAACC,eAAT,CAAyBC,KAAzB,CAA+BC,MAA/B,GAAwC,IAAxC;AACA;AACD,GAPQ,EAON,CAAEJ,UAAF,EAAcF,UAAd,CAPM,CAAT;AASA,SAAOA,UAAP;AACA;AAED,OAAO,SAASO,QAAT,CAAmBC,KAAnB,EAIH;AACH,QAAMC,gBAAgB,GAAGb,MAAM,CAAEY,KAAK,CAACE,KAAR,CAA/B;AACA,QAAM,CAAEC,KAAF,EAASC,QAAT,IAAsBf,QAAQ,CAG/B,EAH+B,CAApC;AAIA,QAAMa,KAAK,GAAGC,KAAK,CAACD,KAAN,KAAgBG,SAAhB,GAA4BF,KAAK,CAACD,KAAlC,GAA0CF,KAAK,CAACE,KAA9D,CANG,CAQH;AACA;AACA;;AACAf,EAAAA,eAAe,CAAE,MAAM;AACtB,UAAM;AAAEmB,MAAAA,OAAO,EAAEC;AAAX,QAA6BN,gBAAnC;AACAA,IAAAA,gBAAgB,CAACK,OAAjB,GAA2BN,KAAK,CAACE,KAAjC;AACA,QAAKC,KAAK,CAACD,KAAN,KAAgBG,SAAhB,IAA6B,CAAEF,KAAK,CAACK,OAA1C,EACCJ,QAAQ,CAAE,EAAE,GAAGD,KAAL;AAAYK,MAAAA,OAAO,EAAE;AAArB,KAAF,CAAR,CADD,KAEK,IAAKL,KAAK,CAACK,OAAN,IAAiBR,KAAK,CAACE,KAAN,KAAgBK,aAAtC,EACJH,QAAQ,CAAE,EAAF,CAAR;AACD,GAPc,EAOZ,CAAEJ,KAAK,CAACE,KAAR,EAAeC,KAAf,CAPY,CAAf;;AASA,QAAMM,QAA6B,GAAG,CAAEC,SAAF,EAAaC,KAAb,KAAwB;AAC7D;AACAP,IAAAA,QAAQ,CAAIE,OAAF,IACTM,MAAM,CAACC,MAAP,CAAeP,OAAf,EAAwB;AAAEJ,MAAAA,KAAK,EAAEQ,SAAT;AAAoBF,MAAAA,OAAO,EAAE;AAA7B,KAAxB,CADO,CAAR;AAGAR,IAAAA,KAAK,CAACS,QAAN,CAAgBC,SAAhB,EAA2BC,KAA3B;AACA,GAND;;AAOA,QAAMG,MAAyB,GAAKC,KAAF,IAAa;AAAA;;AAC9CX,IAAAA,QAAQ,CAAE,EAAF,CAAR;AACA,qBAAAJ,KAAK,CAACc,MAAN,qEAAAd,KAAK,EAAWe,KAAX,CAAL;AACA,GAHD;;AAKA,SAAO;AAAEb,IAAAA,KAAF;AAASY,IAAAA,MAAT;AAAiBL,IAAAA;AAAjB,GAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport type { FocusEventHandler } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { InputChangeCallback } from './types';\n\n/**\n * Gets a CSS cursor value based on a drag direction.\n *\n * @param dragDirection The drag direction.\n * @return  The CSS cursor value.\n */\nexport function getDragCursor( dragDirection: string ): string {\n\tlet dragCursor = 'ns-resize';\n\n\tswitch ( dragDirection ) {\n\t\tcase 'n':\n\t\tcase 's':\n\t\t\tdragCursor = 'ns-resize';\n\t\t\tbreak;\n\n\t\tcase 'e':\n\t\tcase 'w':\n\t\t\tdragCursor = 'ew-resize';\n\t\t\tbreak;\n\t}\n\n\treturn dragCursor;\n}\n\n/**\n * Custom hook that renders a drag cursor when dragging.\n *\n * @param {boolean} isDragging    The dragging state.\n * @param {string}  dragDirection The drag direction.\n *\n * @return {string} The CSS cursor value.\n */\nexport function useDragCursor(\n\tisDragging: boolean,\n\tdragDirection: string\n): string {\n\tconst dragCursor = getDragCursor( dragDirection );\n\n\tuseEffect( () => {\n\t\tif ( isDragging ) {\n\t\t\tdocument.documentElement.style.cursor = dragCursor;\n\t\t} else {\n\t\t\t// @ts-expect-error\n\t\t\tdocument.documentElement.style.cursor = null;\n\t\t}\n\t}, [ isDragging, dragCursor ] );\n\n\treturn dragCursor;\n}\n\nexport function useDraft( props: {\n\tvalue: string | undefined;\n\tonBlur?: FocusEventHandler;\n\tonChange: InputChangeCallback;\n} ) {\n\tconst refPreviousValue = useRef( props.value );\n\tconst [ draft, setDraft ] = useState< {\n\t\tvalue?: string;\n\t\tisStale?: boolean;\n\t} >( {} );\n\tconst value = draft.value !== undefined ? draft.value : props.value;\n\n\t// Determines when to discard the draft value to restore controlled status.\n\t// To do so, it tracks the previous value and marks the draft value as stale\n\t// after each render.\n\tuseLayoutEffect( () => {\n\t\tconst { current: previousValue } = refPreviousValue;\n\t\trefPreviousValue.current = props.value;\n\t\tif ( draft.value !== undefined && ! draft.isStale )\n\t\t\tsetDraft( { ...draft, isStale: true } );\n\t\telse if ( draft.isStale && props.value !== previousValue )\n\t\t\tsetDraft( {} );\n\t}, [ props.value, draft ] );\n\n\tconst onChange: InputChangeCallback = ( nextValue, extra ) => {\n\t\t// Mutates the draft value to avoid an extra effect run.\n\t\tsetDraft( ( current ) =>\n\t\t\tObject.assign( current, { value: nextValue, isStale: false } )\n\t\t);\n\t\tprops.onChange( nextValue, extra );\n\t};\n\tconst onBlur: FocusEventHandler = ( event ) => {\n\t\tsetDraft( {} );\n\t\tprops.onBlur?.( event );\n\t};\n\n\treturn { value, onBlur, onChange };\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/input-control/utils.ts"],"names":["useEffect","useLayoutEffect","useRef","useState","getDragCursor","dragDirection","dragCursor","useDragCursor","isDragging","document","documentElement","style","cursor","useDraft","props","refPreviousValue","value","draft","setDraft","undefined","current","previousValue","isStale","onChange","nextValue","extra","Object","assign","onBlur","event"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SACCA,SADD,EAECC,eAFD,EAGCC,MAHD,EAICC,QAJD,QAKO,oBALP;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAT,CAAwBC,aAAxB,EAAwD;AAC9D,MAAIC,UAAU,GAAG,WAAjB;;AAEA,UAASD,aAAT;AACC,SAAK,GAAL;AACA,SAAK,GAAL;AACCC,MAAAA,UAAU,GAAG,WAAb;AACA;;AAED,SAAK,GAAL;AACA,SAAK,GAAL;AACCA,MAAAA,UAAU,GAAG,WAAb;AACA;AATF;;AAYA,SAAOA,UAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,CACNC,UADM,EAENH,aAFM,EAGG;AACT,QAAMC,UAAU,GAAGF,aAAa,CAAEC,aAAF,CAAhC;AAEAL,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKQ,UAAL,EAAkB;AACjBC,MAAAA,QAAQ,CAACC,eAAT,CAAyBC,KAAzB,CAA+BC,MAA/B,GAAwCN,UAAxC;AACA,KAFD,MAEO;AACN;AACAG,MAAAA,QAAQ,CAACC,eAAT,CAAyBC,KAAzB,CAA+BC,MAA/B,GAAwC,IAAxC;AACA;AACD,GAPQ,EAON,CAAEJ,UAAF,EAAcF,UAAd,CAPM,CAAT;AASA,SAAOA,UAAP;AACA;AAED,OAAO,SAASO,QAAT,CAAmBC,KAAnB,EAIH;AACH,QAAMC,gBAAgB,GAAGb,MAAM,CAAEY,KAAK,CAACE,KAAR,CAA/B;AACA,QAAM,CAAEC,KAAF,EAASC,QAAT,IAAsBf,QAAQ,CAG/B,EAH+B,CAApC;AAIA,QAAMa,KAAK,GAAGC,KAAK,CAACD,KAAN,KAAgBG,SAAhB,GAA4BF,KAAK,CAACD,KAAlC,GAA0CF,KAAK,CAACE,KAA9D,CANG,CAQH;AACA;AACA;;AACAf,EAAAA,eAAe,CAAE,MAAM;AACtB,UAAM;AAAEmB,MAAAA,OAAO,EAAEC;AAAX,QAA6BN,gBAAnC;AACAA,IAAAA,gBAAgB,CAACK,OAAjB,GAA2BN,KAAK,CAACE,KAAjC;AACA,QAAKC,KAAK,CAACD,KAAN,KAAgBG,SAAhB,IAA6B,CAAEF,KAAK,CAACK,OAA1C,EACCJ,QAAQ,CAAE,EAAE,GAAGD,KAAL;AAAYK,MAAAA,OAAO,EAAE;AAArB,KAAF,CAAR,CADD,KAEK,IAAKL,KAAK,CAACK,OAAN,IAAiBR,KAAK,CAACE,KAAN,KAAgBK,aAAtC,EACJH,QAAQ,CAAE,EAAF,CAAR;AACD,GAPc,EAOZ,CAAEJ,KAAK,CAACE,KAAR,EAAeC,KAAf,CAPY,CAAf;;AASA,QAAMM,QAA6B,GAAG,CAAEC,SAAF,EAAaC,KAAb,KAAwB;AAC7D;AACAP,IAAAA,QAAQ,CAAIE,OAAF,IACTM,MAAM,CAACC,MAAP,CAAeP,OAAf,EAAwB;AAAEJ,MAAAA,KAAK,EAAEQ,SAAT;AAAoBF,MAAAA,OAAO,EAAE;AAA7B,KAAxB,CADO,CAAR;AAGAR,IAAAA,KAAK,CAACS,QAAN,CAAgBC,SAAhB,EAA2BC,KAA3B;AACA,GAND;;AAOA,QAAMG,MAAyB,GAAKC,KAAF,IAAa;AAC9CX,IAAAA,QAAQ,CAAE,EAAF,CAAR;AACAJ,IAAAA,KAAK,CAACc,MAAN,GAAgBC,KAAhB;AACA,GAHD;;AAKA,SAAO;AAAEb,IAAAA,KAAF;AAASY,IAAAA,MAAT;AAAiBL,IAAAA;AAAjB,GAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport type { FocusEventHandler } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { InputChangeCallback } from './types';\n\n/**\n * Gets a CSS cursor value based on a drag direction.\n *\n * @param dragDirection The drag direction.\n * @return  The CSS cursor value.\n */\nexport function getDragCursor( dragDirection: string ): string {\n\tlet dragCursor = 'ns-resize';\n\n\tswitch ( dragDirection ) {\n\t\tcase 'n':\n\t\tcase 's':\n\t\t\tdragCursor = 'ns-resize';\n\t\t\tbreak;\n\n\t\tcase 'e':\n\t\tcase 'w':\n\t\t\tdragCursor = 'ew-resize';\n\t\t\tbreak;\n\t}\n\n\treturn dragCursor;\n}\n\n/**\n * Custom hook that renders a drag cursor when dragging.\n *\n * @param {boolean} isDragging    The dragging state.\n * @param {string}  dragDirection The drag direction.\n *\n * @return {string} The CSS cursor value.\n */\nexport function useDragCursor(\n\tisDragging: boolean,\n\tdragDirection: string\n): string {\n\tconst dragCursor = getDragCursor( dragDirection );\n\n\tuseEffect( () => {\n\t\tif ( isDragging ) {\n\t\t\tdocument.documentElement.style.cursor = dragCursor;\n\t\t} else {\n\t\t\t// @ts-expect-error\n\t\t\tdocument.documentElement.style.cursor = null;\n\t\t}\n\t}, [ isDragging, dragCursor ] );\n\n\treturn dragCursor;\n}\n\nexport function useDraft( props: {\n\tvalue: string | undefined;\n\tonBlur?: FocusEventHandler;\n\tonChange: InputChangeCallback;\n} ) {\n\tconst refPreviousValue = useRef( props.value );\n\tconst [ draft, setDraft ] = useState< {\n\t\tvalue?: string;\n\t\tisStale?: boolean;\n\t} >( {} );\n\tconst value = draft.value !== undefined ? draft.value : props.value;\n\n\t// Determines when to discard the draft value to restore controlled status.\n\t// To do so, it tracks the previous value and marks the draft value as stale\n\t// after each render.\n\tuseLayoutEffect( () => {\n\t\tconst { current: previousValue } = refPreviousValue;\n\t\trefPreviousValue.current = props.value;\n\t\tif ( draft.value !== undefined && ! draft.isStale )\n\t\t\tsetDraft( { ...draft, isStale: true } );\n\t\telse if ( draft.isStale && props.value !== previousValue )\n\t\t\tsetDraft( {} );\n\t}, [ props.value, draft ] );\n\n\tconst onChange: InputChangeCallback = ( nextValue, extra ) => {\n\t\t// Mutates the draft value to avoid an extra effect run.\n\t\tsetDraft( ( current ) =>\n\t\t\tObject.assign( current, { value: nextValue, isStale: false } )\n\t\t);\n\t\tprops.onChange( nextValue, extra );\n\t};\n\tconst onBlur: FocusEventHandler = ( event ) => {\n\t\tsetDraft( {} );\n\t\tprops.onBlur?.( event );\n\t};\n\n\treturn { value, onBlur, onChange };\n}\n"]}

package/build-module/keyboard-shortcuts/index.js

@@ -9,14 +9,13 @@ import { useKeyboardShortcut } from '@wordpress/compose';
  * Internal dependencies
  */
 
-function KeyboardShortcut(_ref) {
-  let {
-    target,
-    callback,
-    shortcut,
-    bindGlobal,
-    eventName
-  } = _ref;
+function KeyboardShortcut({
+  target,
+  callback,
+  shortcut,
+  bindGlobal,
+  eventName
+}) {
   useKeyboardShortcut(shortcut, callback, {
     bindGlobal,
     target,
@@ -56,25 +55,21 @@ function KeyboardShortcut(_ref) {
  */
 
 
-function KeyboardShortcuts(_ref2) {
-  let {
-    children,
-    shortcuts,
-    bindGlobal,
-    eventName
-  } = _ref2;
+function KeyboardShortcuts({
+  children,
+  shortcuts,
+  bindGlobal,
+  eventName
+}) {
   const target = useRef(null);
-  const element = Object.entries(shortcuts !== null && shortcuts !== void 0 ? shortcuts : {}).map(_ref3 => {
-    let [shortcut, callback] = _ref3;
-    return createElement(KeyboardShortcut, {
-      key: shortcut,
-      shortcut: shortcut,
-      callback: callback,
-      bindGlobal: bindGlobal,
-      eventName: eventName,
-      target: target
-    });
-  }); // Render as non-visual if there are no children pressed. Keyboard
+  const element = Object.entries(shortcuts !== null && shortcuts !== void 0 ? shortcuts : {}).map(([shortcut, callback]) => createElement(KeyboardShortcut, {
+    key: shortcut,
+    shortcut: shortcut,
+    callback: callback,
+    bindGlobal: bindGlobal,
+    eventName: eventName,
+    target: target
+  })); // Render as non-visual if there are no children pressed. Keyboard
   // events will be bound to the document instead.
 
   if (!Children.count(children)) {

package/build-module/keyboard-shortcuts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/keyboard-shortcuts/index.tsx"],"names":["useRef","Children","useKeyboardShortcut","KeyboardShortcut","target","callback","shortcut","bindGlobal","eventName","KeyboardShortcuts","children","shortcuts","element","Object","entries","map","count"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,oBAAjC;AACA,SAASC,mBAAT,QAAoC,oBAApC;AAEA;AACA;AACA;;AAGA,SAASC,gBAAT,OAM2B;AAAA,MANA;AAC1BC,IAAAA,MAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA,QAH0B;AAI1BC,IAAAA,UAJ0B;AAK1BC,IAAAA;AAL0B,GAMA;AAC1BN,EAAAA,mBAAmB,CAAEI,QAAF,EAAYD,QAAZ,EAAsB;AACxCE,IAAAA,UADwC;AAExCH,IAAAA,MAFwC;AAGxCI,IAAAA;AAHwC,GAAtB,CAAnB;AAMA,SAAO,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,iBAAT,QAK4B;AAAA,MALA;AAC3BC,IAAAA,QAD2B;AAE3BC,IAAAA,SAF2B;AAG3BJ,IAAAA,UAH2B;AAI3BC,IAAAA;AAJ2B,GAKA;AAC3B,QAAMJ,MAAM,GAAGJ,MAAM,CAAE,IAAF,CAArB;AAEA,QAAMY,OAAO,GAAGC,MAAM,CAACC,OAAP,CAAgBH,SAAhB,aAAgBA,SAAhB,cAAgBA,SAAhB,GAA6B,EAA7B,EAAkCI,GAAlC,CACf;AAAA,QAAE,CAAET,QAAF,EAAYD,QAAZ,CAAF;AAAA,WACC,cAAC,gBAAD;AACC,MAAA,GAAG,EAAGC,QADP;AAEC,MAAA,QAAQ,EAAGA,QAFZ;AAGC,MAAA,QAAQ,EAAGD,QAHZ;AAIC,MAAA,UAAU,EAAGE,UAJd;AAKC,MAAA,SAAS,EAAGC,SALb;AAMC,MAAA,MAAM,EAAGJ;AANV,MADD;AAAA,GADe,CAAhB,CAH2B,CAgB3B;AACA;;AACA,MAAK,CAAEH,QAAQ,CAACe,KAAT,CAAgBN,QAAhB,CAAP,EAAoC;AACnC,WAAO,8BAAIE,OAAJ,CAAP;AACA;;AAED,SACC;AAAK,IAAA,GAAG,EAAGR;AAAX,KACGQ,OADH,EAEGF,QAFH,CADD;AAMA;;AAED,eAAeD,iBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, Children } from '@wordpress/element';\nimport { useKeyboardShortcut } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { KeyboardShortcutProps, KeyboardShortcutsProps } from './types';\n\nfunction KeyboardShortcut( {\n\ttarget,\n\tcallback,\n\tshortcut,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutProps ) {\n\tuseKeyboardShortcut( shortcut, callback, {\n\t\tbindGlobal,\n\t\ttarget,\n\t\teventName,\n\t} );\n\n\treturn null;\n}\n\n/**\n * `KeyboardShortcuts` is a component which handles keyboard sequences during the lifetime of the rendering element.\n *\n * When passed children, it will capture key events which occur on or within the children. If no children are passed, events are captured on the document.\n *\n * It uses the [Mousetrap](https://craig.is/killing/mice) library to implement keyboard sequence bindings.\n *\n * ```jsx\n * import { KeyboardShortcuts } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyKeyboardShortcuts = () => {\n * \tconst [ isAllSelected, setIsAllSelected ] = useState( false );\n * \tconst selectAll = () => {\n * \t\tsetIsAllSelected( true );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t<KeyboardShortcuts\n * \t\t\t\tshortcuts={ {\n * \t\t\t\t\t'mod+a': selectAll,\n * \t\t\t\t} }\n * \t\t\t/>\n * \t\t\t[cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction KeyboardShortcuts( {\n\tchildren,\n\tshortcuts,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutsProps ) {\n\tconst target = useRef( null );\n\n\tconst element = Object.entries( shortcuts ?? {} ).map(\n\t\t( [ shortcut, callback ] ) => (\n\t\t\t<KeyboardShortcut\n\t\t\t\tkey={ shortcut }\n\t\t\t\tshortcut={ shortcut }\n\t\t\t\tcallback={ callback }\n\t\t\t\tbindGlobal={ bindGlobal }\n\t\t\t\teventName={ eventName }\n\t\t\t\ttarget={ target }\n\t\t\t/>\n\t\t)\n\t);\n\n\t// Render as non-visual if there are no children pressed. Keyboard\n\t// events will be bound to the document instead.\n\tif ( ! Children.count( children ) ) {\n\t\treturn <>{ element }</>;\n\t}\n\n\treturn (\n\t\t<div ref={ target }>\n\t\t\t{ element }\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default KeyboardShortcuts;\n"]}
+{"version":3,"sources":["@wordpress/components/src/keyboard-shortcuts/index.tsx"],"names":["useRef","Children","useKeyboardShortcut","KeyboardShortcut","target","callback","shortcut","bindGlobal","eventName","KeyboardShortcuts","children","shortcuts","element","Object","entries","map","count"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,oBAAjC;AACA,SAASC,mBAAT,QAAoC,oBAApC;AAEA;AACA;AACA;;AAGA,SAASC,gBAAT,CAA2B;AAC1BC,EAAAA,MAD0B;AAE1BC,EAAAA,QAF0B;AAG1BC,EAAAA,QAH0B;AAI1BC,EAAAA,UAJ0B;AAK1BC,EAAAA;AAL0B,CAA3B,EAM2B;AAC1BN,EAAAA,mBAAmB,CAAEI,QAAF,EAAYD,QAAZ,EAAsB;AACxCE,IAAAA,UADwC;AAExCH,IAAAA,MAFwC;AAGxCI,IAAAA;AAHwC,GAAtB,CAAnB;AAMA,SAAO,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,iBAAT,CAA4B;AAC3BC,EAAAA,QAD2B;AAE3BC,EAAAA,SAF2B;AAG3BJ,EAAAA,UAH2B;AAI3BC,EAAAA;AAJ2B,CAA5B,EAK4B;AAC3B,QAAMJ,MAAM,GAAGJ,MAAM,CAAE,IAAF,CAArB;AAEA,QAAMY,OAAO,GAAGC,MAAM,CAACC,OAAP,CAAgBH,SAAhB,aAAgBA,SAAhB,cAAgBA,SAAhB,GAA6B,EAA7B,EAAkCI,GAAlC,CACf,CAAE,CAAET,QAAF,EAAYD,QAAZ,CAAF,KACC,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGC,QADP;AAEC,IAAA,QAAQ,EAAGA,QAFZ;AAGC,IAAA,QAAQ,EAAGD,QAHZ;AAIC,IAAA,UAAU,EAAGE,UAJd;AAKC,IAAA,SAAS,EAAGC,SALb;AAMC,IAAA,MAAM,EAAGJ;AANV,IAFc,CAAhB,CAH2B,CAgB3B;AACA;;AACA,MAAK,CAAEH,QAAQ,CAACe,KAAT,CAAgBN,QAAhB,CAAP,EAAoC;AACnC,WAAO,8BAAIE,OAAJ,CAAP;AACA;;AAED,SACC;AAAK,IAAA,GAAG,EAAGR;AAAX,KACGQ,OADH,EAEGF,QAFH,CADD;AAMA;;AAED,eAAeD,iBAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, Children } from '@wordpress/element';\nimport { useKeyboardShortcut } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { KeyboardShortcutProps, KeyboardShortcutsProps } from './types';\n\nfunction KeyboardShortcut( {\n\ttarget,\n\tcallback,\n\tshortcut,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutProps ) {\n\tuseKeyboardShortcut( shortcut, callback, {\n\t\tbindGlobal,\n\t\ttarget,\n\t\teventName,\n\t} );\n\n\treturn null;\n}\n\n/**\n * `KeyboardShortcuts` is a component which handles keyboard sequences during the lifetime of the rendering element.\n *\n * When passed children, it will capture key events which occur on or within the children. If no children are passed, events are captured on the document.\n *\n * It uses the [Mousetrap](https://craig.is/killing/mice) library to implement keyboard sequence bindings.\n *\n * ```jsx\n * import { KeyboardShortcuts } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyKeyboardShortcuts = () => {\n * \tconst [ isAllSelected, setIsAllSelected ] = useState( false );\n * \tconst selectAll = () => {\n * \t\tsetIsAllSelected( true );\n * \t};\n *\n * \treturn (\n * \t\t<div>\n * \t\t\t<KeyboardShortcuts\n * \t\t\t\tshortcuts={ {\n * \t\t\t\t\t'mod+a': selectAll,\n * \t\t\t\t} }\n * \t\t\t/>\n * \t\t\t[cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }\n * \t\t</div>\n * \t);\n * };\n * ```\n */\nfunction KeyboardShortcuts( {\n\tchildren,\n\tshortcuts,\n\tbindGlobal,\n\teventName,\n}: KeyboardShortcutsProps ) {\n\tconst target = useRef( null );\n\n\tconst element = Object.entries( shortcuts ?? {} ).map(\n\t\t( [ shortcut, callback ] ) => (\n\t\t\t<KeyboardShortcut\n\t\t\t\tkey={ shortcut }\n\t\t\t\tshortcut={ shortcut }\n\t\t\t\tcallback={ callback }\n\t\t\t\tbindGlobal={ bindGlobal }\n\t\t\t\teventName={ eventName }\n\t\t\t\ttarget={ target }\n\t\t\t/>\n\t\t)\n\t);\n\n\t// Render as non-visual if there are no children pressed. Keyboard\n\t// events will be bound to the document instead.\n\tif ( ! Children.count( children ) ) {\n\t\treturn <>{ element }</>;\n\t}\n\n\treturn (\n\t\t<div ref={ target }>\n\t\t\t{ element }\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default KeyboardShortcuts;\n"]}

package/build-module/menu-items-choice/index.js

@@ -46,13 +46,12 @@ const noop = () => {};
  */
 
 
-function MenuItemsChoice(_ref) {
-  let {
-    choices = [],
-    onHover = noop,
-    onSelect,
-    value
-  } = _ref;
+function MenuItemsChoice({
+  choices = [],
+  onHover = noop,
+  onSelect,
+  value
+}) {
   return createElement(Fragment, null, choices.map(item => {
     const isSelected = value === item.value;
     return createElement(MenuItem, {

package/build-module/menu-items-choice/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"names":["check","MenuItem","noop","MenuItemsChoice","choices","onHover","onSelect","value","map","item","isSelected","info","shortcut","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,KAAT,QAAsB,kBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,cAArB;;AAGA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,eAAT,OAK0B;AAAA,MALA;AACzBC,IAAAA,OAAO,GAAG,EADe;AAEzBC,IAAAA,OAAO,GAAGH,IAFe;AAGzBI,IAAAA,QAHyB;AAIzBC,IAAAA;AAJyB,GAKA;AACzB,SACC,8BACGH,OAAO,CAACI,GAAR,CAAeC,IAAF,IAAY;AAC1B,UAAMC,UAAU,GAAGH,KAAK,KAAKE,IAAI,CAACF,KAAlC;AACA,WACC,cAAC,QAAD;AACC,MAAA,GAAG,EAAGE,IAAI,CAACF,KADZ;AAEC,MAAA,IAAI,EAAC,eAFN;AAGC,MAAA,IAAI,EAAGG,UAAU,IAAIV,KAHtB;AAIC,MAAA,IAAI,EAAGS,IAAI,CAACE,IAJb;AAKC,MAAA,UAAU,EAAGD,UALd;AAMC,MAAA,QAAQ,EAAGD,IAAI,CAACG,QANjB;AAOC,MAAA,SAAS,EAAC,8BAPX;AAQC,MAAA,OAAO,EAAG,MAAM;AACf,YAAK,CAAEF,UAAP,EAAoB;AACnBJ,UAAAA,QAAQ,CAAEG,IAAI,CAACF,KAAP,CAAR;AACA;AACD,OAZF;AAaC,MAAA,YAAY,EAAG,MAAMF,OAAO,CAAEI,IAAI,CAACF,KAAP,CAb7B;AAcC,MAAA,YAAY,EAAG,MAAMF,OAAO,CAAE,IAAF,CAd7B;AAeC,oBAAaI,IAAI,CAAE,YAAF;AAflB,OAiBGA,IAAI,CAACI,KAjBR,CADD;AAqBA,GAvBC,CADH,CADD;AA4BA;;AAED,eAAeV,eAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport type { MenuItemsChoiceProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n}: MenuItemsChoiceProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ choices.map( ( item ) => {\n\t\t\t\tconst isSelected = value === item.value;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ item.value }\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\ticon={ isSelected && check }\n\t\t\t\t\t\tinfo={ item.info }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default MenuItemsChoice;\n"]}
+{"version":3,"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"names":["check","MenuItem","noop","MenuItemsChoice","choices","onHover","onSelect","value","map","item","isSelected","info","shortcut","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,KAAT,QAAsB,kBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,cAArB;;AAGA,MAAMC,IAAI,GAAG,MAAM,CAAE,CAArB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASC,eAAT,CAA0B;AACzBC,EAAAA,OAAO,GAAG,EADe;AAEzBC,EAAAA,OAAO,GAAGH,IAFe;AAGzBI,EAAAA,QAHyB;AAIzBC,EAAAA;AAJyB,CAA1B,EAK0B;AACzB,SACC,8BACGH,OAAO,CAACI,GAAR,CAAeC,IAAF,IAAY;AAC1B,UAAMC,UAAU,GAAGH,KAAK,KAAKE,IAAI,CAACF,KAAlC;AACA,WACC,cAAC,QAAD;AACC,MAAA,GAAG,EAAGE,IAAI,CAACF,KADZ;AAEC,MAAA,IAAI,EAAC,eAFN;AAGC,MAAA,IAAI,EAAGG,UAAU,IAAIV,KAHtB;AAIC,MAAA,IAAI,EAAGS,IAAI,CAACE,IAJb;AAKC,MAAA,UAAU,EAAGD,UALd;AAMC,MAAA,QAAQ,EAAGD,IAAI,CAACG,QANjB;AAOC,MAAA,SAAS,EAAC,8BAPX;AAQC,MAAA,OAAO,EAAG,MAAM;AACf,YAAK,CAAEF,UAAP,EAAoB;AACnBJ,UAAAA,QAAQ,CAAEG,IAAI,CAACF,KAAP,CAAR;AACA;AACD,OAZF;AAaC,MAAA,YAAY,EAAG,MAAMF,OAAO,CAAEI,IAAI,CAACF,KAAP,CAb7B;AAcC,MAAA,YAAY,EAAG,MAAMF,OAAO,CAAE,IAAF,CAd7B;AAeC,oBAAaI,IAAI,CAAE,YAAF;AAflB,OAiBGA,IAAI,CAACI,KAjBR,CADD;AAqBA,GAvBC,CADH,CADD;AA4BA;;AAED,eAAeV,eAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport MenuItem from '../menu-item';\nimport type { MenuItemsChoiceProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.\n *\n *\n * ```jsx\n * import { MenuGroup, MenuItemsChoice } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItemsChoice = () => {\n * \tconst [ mode, setMode ] = useState( 'visual' );\n * \tconst choices = [\n * \t\t{\n * \t\t\tvalue: 'visual',\n * \t\t\tlabel: 'Visual editor',\n * \t\t},\n * \t\t{\n * \t\t\tvalue: 'text',\n * \t\t\tlabel: 'Code editor',\n * \t\t},\n * \t];\n *\n * \treturn (\n * \t\t<MenuGroup label=\"Editor\">\n * \t\t\t<MenuItemsChoice\n * \t\t\t\tchoices={ choices }\n * \t\t\t\tvalue={ mode }\n * \t\t\t\tonSelect={ ( newMode ) => setMode( newMode ) }\n * \t\t\t/>\n * \t\t</MenuGroup>\n * \t);\n * };\n * ```\n */\nfunction MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n}: MenuItemsChoiceProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ choices.map( ( item ) => {\n\t\t\t\tconst isSelected = value === item.value;\n\t\t\t\treturn (\n\t\t\t\t\t<MenuItem\n\t\t\t\t\t\tkey={ item.value }\n\t\t\t\t\t\trole=\"menuitemradio\"\n\t\t\t\t\t\ticon={ isSelected && check }\n\t\t\t\t\t\tinfo={ item.info }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t</MenuItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default MenuItemsChoice;\n"]}

package/build-module/mobile/audio-player/index.native.js

@@ -25,14 +25,13 @@ import styles from './styles.scss';
 import { parseAudioUrl } from './audio-url-parser.native';
 const isIOS = Platform.OS === 'ios';
 
-function Player(_ref) {
-  let {
-    getStylesFromColorScheme,
-    isUploadInProgress,
-    isUploadFailed,
-    attributes,
-    isSelected
-  } = _ref;
+function Player({
+  getStylesFromColorScheme,
+  isUploadInProgress,
+  isUploadFailed,
+  attributes,
+  isSelected
+}) {
   const {
     id,
     src

package/build-module/mobile/audio-player/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"names":["Text","TouchableWithoutFeedback","Linking","Alert","Platform","default","VideoPlayer","View","Icon","withPreferredColorScheme","__","audio","warning","requestImageFailedRetryDialog","requestImageUploadCancelDialog","getProtocol","useState","styles","parseAudioUrl","isIOS","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","canOpenURL","then","supported","alert","openURL","catch","containerStyle","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","subtitleContainer","errorIcon","buttonText","uri","ref"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tgetStylesFromColorScheme,\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = getStylesFromColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = getStylesFromColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = getStylesFromColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = getStylesFromColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\n\tconst uploadFailedStyle = getStylesFromColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = getStylesFromColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = getStylesFromColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"names":["Text","TouchableWithoutFeedback","Linking","Alert","Platform","default","VideoPlayer","View","Icon","withPreferredColorScheme","__","audio","warning","requestImageFailedRetryDialog","requestImageUploadCancelDialog","getProtocol","useState","styles","parseAudioUrl","isIOS","OS","Player","getStylesFromColorScheme","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","canOpenURL","then","supported","alert","openURL","catch","containerStyle","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","subtitleContainer","errorIcon","buttonText","uri","ref"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tgetStylesFromColorScheme,\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = getStylesFromColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = getStylesFromColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = getStylesFromColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = getStylesFromColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.title,\n\t\tstyles.titleDark\n\t);\n\n\tconst uploadFailedStyle = getStylesFromColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = getStylesFromColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = getStylesFromColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n}\n\nexport default withPreferredColorScheme( Player );\n"]}

package/build-module/mobile/badge/index.native.js

@@ -15,12 +15,11 @@ import { withPreferredColorScheme } from '@wordpress/compose';
 
 import styles from './style.scss';
 
-const Badge = _ref => {
-  let {
-    label,
-    children,
-    show = true
-  } = _ref;
+const Badge = ({
+  label,
+  children,
+  show = true
+}) => {
   return createElement(Fragment, null, children, createElement(View, {
     style: styles.badgeContainer
   }, show && createElement(Text, {

package/build-module/mobile/badge/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"names":["View","Text","withPreferredColorScheme","styles","Badge","label","children","show","badgeContainer","badge"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,KAAK,GAAG,QAAwC;AAAA,MAAtC;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,IAAI,GAAG;AAA1B,GAAsC;AACrD,SACC,8BACGD,QADH,EAEC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGH,MAAM,CAACK;AAArB,KACGD,IAAI,IAAI,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGJ,MAAM,CAACM;AAArB,KAA+BJ,KAA/B,CADX,CAFD,CADD;AAQA,CATD;;AAWA,eAAeH,wBAAwB,CAAEE,KAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"names":["View","Text","withPreferredColorScheme","styles","Badge","label","children","show","badgeContainer","badge"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,QAAyC,oBAAzC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;;AAEA,MAAMC,KAAK,GAAG,CAAE;AAAEC,EAAAA,KAAF;AAASC,EAAAA,QAAT;AAAmBC,EAAAA,IAAI,GAAG;AAA1B,CAAF,KAAwC;AACrD,SACC,8BACGD,QADH,EAEC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGH,MAAM,CAACK;AAArB,KACGD,IAAI,IAAI,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGJ,MAAM,CAACM;AAArB,KAA+BJ,KAA/B,CADX,CAFD,CADD;AAQA,CATD;;AAWA,eAAeH,wBAAwB,CAAEE,KAAF,CAAvC","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst Badge = ( { label, children, show = true } ) => {\n\treturn (\n\t\t<>\n\t\t\t{ children }\n\t\t\t<View style={ styles.badgeContainer }>\n\t\t\t\t{ show && <Text style={ styles.badge }>{ label }</Text> }\n\t\t\t</View>\n\t\t</>\n\t);\n};\n\nexport default withPreferredColorScheme( Badge );\n"]}

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js

@@ -28,10 +28,9 @@ const AnimationSpec = {
   }
 };
 
-const fadeConfig = _ref => {
-  let {
-    current
-  } = _ref;
+const fadeConfig = ({
+  current
+}) => {
   return {
     cardStyle: {
       opacity: current.progress
@@ -50,14 +49,13 @@ const options = {
 };
 const ANIMATION_DURATION = 190;
 
-function BottomSheetNavigationContainer(_ref2) {
-  let {
-    children,
-    animate,
-    main,
-    theme,
-    style
-  } = _ref2;
+function BottomSheetNavigationContainer({
+  children,
+  animate,
+  main,
+  theme,
+  style
+}) {
   const Stack = useRef(createStackNavigator()).current;
   const context = useContext(BottomSheetNavigationContext);
   const [currentHeight, setCurrentHeight] = useState(context.currentHeight || 1);

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"names":["View","Easing","NavigationContainer","DefaultTheme","createStackNavigator","useState","useContext","useMemo","useCallback","Children","useRef","cloneElement","usePreferredColorSchemeStyle","performLayoutAnimation","BottomSheetNavigationContext","BottomSheetNavigationProvider","styles","AnimationSpec","animation","config","duration","easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","ANIMATION_DURATION","BottomSheetNavigationContainer","children","animate","main","theme","style","Stack","context","currentHeight","setCurrentHeight","backgroundStyle","background","backgroundDark","_theme","colors","backgroundColor","setHeight","height","Math","round","screens","map","child","screen","name","otherProps","props","isNested"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Easing } from 'react-native';\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../../layout-animation';\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n};\n\nconst ANIMATION_DURATION = 190;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst context = useContext( BottomSheetNavigationContext );\n\tconst [ currentHeight, setCurrentHeight ] = useState(\n\t\tcontext.currentHeight || 1\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst _theme = theme || {\n\t\t...DefaultTheme,\n\t\tcolors: {\n\t\t\t...DefaultTheme.colors,\n\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t},\n\t};\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\t// The screen is fullHeight.\n\t\t\tif (\n\t\t\t\ttypeof height === 'string' &&\n\t\t\t\ttypeof height !== typeof currentHeight\n\t\t\t) {\n\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\tsetCurrentHeight( height );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\theight > 1 &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight )\n\t\t\t) {\n\t\t\t\tif ( currentHeight === 1 ) {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else if ( animate ) {\n\t\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ currentHeight ]\n\t);\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ children ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<View style={ [ style, { height: currentHeight } ] }>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\tsetHeight,\n\t\t\t\t\t\tcurrentHeight,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</View>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ currentHeight, _theme ] );\n}\n\nexport default BottomSheetNavigationContainer;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-container.native.js"],"names":["View","Easing","NavigationContainer","DefaultTheme","createStackNavigator","useState","useContext","useMemo","useCallback","Children","useRef","cloneElement","usePreferredColorSchemeStyle","performLayoutAnimation","BottomSheetNavigationContext","BottomSheetNavigationProvider","styles","AnimationSpec","animation","config","duration","easing","ease","fadeConfig","current","cardStyle","opacity","progress","options","transitionSpec","open","close","headerShown","gestureEnabled","cardStyleInterpolator","ANIMATION_DURATION","BottomSheetNavigationContainer","children","animate","main","theme","style","Stack","context","currentHeight","setCurrentHeight","backgroundStyle","background","backgroundDark","_theme","colors","backgroundColor","setHeight","height","Math","round","screens","map","child","screen","name","otherProps","props","isNested"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Easing } from 'react-native';\nimport { NavigationContainer, DefaultTheme } from '@react-navigation/native';\nimport { createStackNavigator } from '@react-navigation/stack';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseContext,\n\tuseMemo,\n\tuseCallback,\n\tChildren,\n\tuseRef,\n\tcloneElement,\n} from '@wordpress/element';\n\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { performLayoutAnimation } from '../../layout-animation';\nimport {\n\tBottomSheetNavigationContext,\n\tBottomSheetNavigationProvider,\n} from './bottom-sheet-navigation-context';\n\nimport styles from './styles.scss';\n\nconst AnimationSpec = {\n\tanimation: 'timing',\n\tconfig: {\n\t\tduration: 200,\n\t\teasing: Easing.ease,\n\t},\n};\n\nconst fadeConfig = ( { current } ) => {\n\treturn {\n\t\tcardStyle: {\n\t\t\topacity: current.progress,\n\t\t},\n\t};\n};\n\nconst options = {\n\ttransitionSpec: {\n\t\topen: AnimationSpec,\n\t\tclose: AnimationSpec,\n\t},\n\theaderShown: false,\n\tgestureEnabled: false,\n\tcardStyleInterpolator: fadeConfig,\n};\n\nconst ANIMATION_DURATION = 190;\n\nfunction BottomSheetNavigationContainer( {\n\tchildren,\n\tanimate,\n\tmain,\n\ttheme,\n\tstyle,\n} ) {\n\tconst Stack = useRef( createStackNavigator() ).current;\n\tconst context = useContext( BottomSheetNavigationContext );\n\tconst [ currentHeight, setCurrentHeight ] = useState(\n\t\tcontext.currentHeight || 1\n\t);\n\n\tconst backgroundStyle = usePreferredColorSchemeStyle(\n\t\tstyles.background,\n\t\tstyles.backgroundDark\n\t);\n\n\tconst _theme = theme || {\n\t\t...DefaultTheme,\n\t\tcolors: {\n\t\t\t...DefaultTheme.colors,\n\t\t\tbackground: backgroundStyle.backgroundColor,\n\t\t},\n\t};\n\n\tconst setHeight = useCallback(\n\t\t( height ) => {\n\t\t\t// The screen is fullHeight.\n\t\t\tif (\n\t\t\t\ttypeof height === 'string' &&\n\t\t\t\ttypeof height !== typeof currentHeight\n\t\t\t) {\n\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\tsetCurrentHeight( height );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\theight > 1 &&\n\t\t\t\tMath.round( height ) !== Math.round( currentHeight )\n\t\t\t) {\n\t\t\t\tif ( currentHeight === 1 ) {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else if ( animate ) {\n\t\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t} else {\n\t\t\t\t\tsetCurrentHeight( height );\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[ currentHeight ]\n\t);\n\n\tconst screens = useMemo( () => {\n\t\treturn Children.map( children, ( child ) => {\n\t\t\tlet screen = child;\n\t\t\tconst { name, ...otherProps } = child.props;\n\t\t\tif ( ! main ) {\n\t\t\t\tscreen = cloneElement( child, {\n\t\t\t\t\t...child.props,\n\t\t\t\t\tisNested: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<Stack.Screen\n\t\t\t\t\tname={ name }\n\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\tchildren={ () => screen }\n\t\t\t\t/>\n\t\t\t);\n\t\t} );\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ children ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<View style={ [ style, { height: currentHeight } ] }>\n\t\t\t\t<BottomSheetNavigationProvider\n\t\t\t\t\tvalue={ {\n\t\t\t\t\t\tsetHeight,\n\t\t\t\t\t\tcurrentHeight,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ main ? (\n\t\t\t\t\t\t<NavigationContainer theme={ _theme }>\n\t\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t\t</NavigationContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Stack.Navigator screenOptions={ options }>\n\t\t\t\t\t\t\t{ screens }\n\t\t\t\t\t\t</Stack.Navigator>\n\t\t\t\t\t) }\n\t\t\t\t</BottomSheetNavigationProvider>\n\t\t\t</View>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ currentHeight, _theme ] );\n}\n\nexport default BottomSheetNavigationContainer;\n"]}

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js

@@ -19,14 +19,13 @@ import { useRef, useCallback, useContext, useMemo } from '@wordpress/element';
 import { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';
 import styles from './styles.scss';
 
-const BottomSheetNavigationScreen = _ref => {
-  let {
-    children,
-    fullScreen,
-    isScrollable,
-    isNested,
-    name
-  } = _ref;
+const BottomSheetNavigationScreen = ({
+  children,
+  fullScreen,
+  isScrollable,
+  isNested,
+  name
+}) => {
   const navigation = useNavigation();
   const heightRef = useRef({
     maxHeight: 0
@@ -88,11 +87,9 @@ const BottomSheetNavigationScreen = _ref => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [setHeight]));
 
-  const onLayout = _ref2 => {
-    let {
-      nativeEvent
-    } = _ref2;
-
+  const onLayout = ({
+    nativeEvent
+  }) => {
     if (fullScreen) {
       return;
     }

package/build-module/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"names":["useIsFocused","useNavigation","useFocusEffect","View","ScrollView","TouchableHighlight","BottomSheetContext","debounce","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","styles","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","heightRef","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","setHeight","setHeightDebounce","canGoBack","goBack","current","onLayout","nativeEvent","height","layout","scrollableContent","paddingBottom"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport { View, ScrollView, TouchableHighlight } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst heightRef = useRef( { maxHeight: 0 } );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\t// Disable reason: deferring this refactor to the native team.\n\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\tconst setHeightDebounce = useCallback( debounce( setHeight, 10 ), [\n\t\tsetHeight,\n\t] );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] )\n\t);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( '100%' );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( heightRef.current.maxHeight !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( heightRef.current.maxHeight );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [ setHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\n\t\tif ( heightRef.current.maxHeight !== height && isFocused ) {\n\t\t\theightRef.current.maxHeight = height;\n\t\t\tsetHeightDebounce( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"names":["useIsFocused","useNavigation","useFocusEffect","View","ScrollView","TouchableHighlight","BottomSheetContext","debounce","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","styles","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","heightRef","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","setHeight","setHeightDebounce","canGoBack","goBack","current","onLayout","nativeEvent","height","layout","scrollableContent","paddingBottom"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport { View, ScrollView, TouchableHighlight } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { BottomSheetContext } from '@wordpress/components';\nimport { debounce } from '@wordpress/compose';\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport styles from './styles.scss';\n\nconst BottomSheetNavigationScreen = ( {\n\tchildren,\n\tfullScreen,\n\tisScrollable,\n\tisNested,\n\tname,\n} ) => {\n\tconst navigation = useNavigation();\n\tconst heightRef = useRef( { maxHeight: 0 } );\n\tconst isFocused = useIsFocused();\n\tconst {\n\t\tonHandleHardwareButtonPress,\n\t\tshouldEnableBottomSheetMaxHeight,\n\t\tsetIsFullScreen,\n\t\tlistProps,\n\t\tsafeAreaBottomInset,\n\t} = useContext( BottomSheetContext );\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\n\n\t// Disable reason: deferring this refactor to the native team.\n\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\tconst setHeightDebounce = useCallback( debounce( setHeight, 10 ), [\n\t\tsetHeight,\n\t] );\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tonHandleHardwareButtonPress( () => {\n\t\t\t\tif ( navigation.canGoBack() ) {\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight( true );\n\t\t\t\t\tnavigation.goBack();\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tonHandleHardwareButtonPress( null );\n\t\t\t\treturn false;\n\t\t\t} );\n\t\t\t/**\n\t\t\t * TODO: onHandleHardwareButtonPress stores a single value, which means\n\t\t\t * future invocations from sibling screens can replace the callback for\n\t\t\t * the currently active screen. Currently, the empty dependency array\n\t\t\t * passed to useCallback here is what prevents erroneous callback\n\t\t\t * replacements, but leveraging memoization to achieve this is brittle and\n\t\t\t * explicitly discouraged in the React documentation.\n\t\t\t * https://reactjs.org/docs/hooks-reference.html#usememo\n\t\t\t *\n\t\t\t * Ideally, we refactor onHandleHardwareButtonPress to manage multiple\n\t\t\t * callbacks triggered based upon which screen is currently active.\n\t\t\t *\n\t\t\t * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546\n\t\t\t */\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [] )\n\t);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( '100%' );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( heightRef.current.maxHeight !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( heightRef.current.maxHeight );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t\t// Disable reason: deferring this refactor to the native team.\n\t\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t}, [ setHeight ] )\n\t);\n\n\tconst onLayout = ( { nativeEvent } ) => {\n\t\tif ( fullScreen ) {\n\t\t\treturn;\n\t\t}\n\t\tconst { height } = nativeEvent.layout;\n\n\t\tif ( heightRef.current.maxHeight !== height && isFocused ) {\n\t\t\theightRef.current.maxHeight = height;\n\t\t\tsetHeightDebounce( height );\n\t\t}\n\t};\n\n\treturn useMemo( () => {\n\t\treturn isScrollable || isNested ? (\n\t\t\t<View\n\t\t\t\tonLayout={ onLayout }\n\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t) : (\n\t\t\t<ScrollView { ...listProps }>\n\t\t\t\t<TouchableHighlight accessible={ false }>\n\t\t\t\t\t<View\n\t\t\t\t\t\tonLayout={ onLayout }\n\t\t\t\t\t\ttestID={ `navigation-screen-${ name }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ ! isNested && (\n\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\tsafeAreaBottomInset ||\n\t\t\t\t\t\t\t\t\t\tstyles.scrollableContent.paddingBottom,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableHighlight>\n\t\t\t</ScrollView>\n\t\t);\n\t\t// Disable reason: deferring this refactor to the native team.\n\t\t// see https://github.com/WordPress/gutenberg/pull/41166\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\tchildren,\n\t\tisFocused,\n\t\tsafeAreaBottomInset,\n\t\tlistProps,\n\t\tname,\n\t\tisScrollable,\n\t\tisNested,\n\t\tonLayout,\n\t] );\n};\n\nexport default BottomSheetNavigationScreen;\n"]}

package/build-module/mobile/bottom-sheet/button.native.js

@@ -10,28 +10,25 @@ import { TouchableOpacity, View, Text } from 'react-native';
 
 import styles from './styles.scss';
 
-const BottomSheetButton = _ref => {
-  let {
-    onPress,
-    disabled,
-    text,
+const BottomSheetButton = ({
+  onPress,
+  disabled,
+  text,
+  color
+}) => createElement(TouchableOpacity, {
+  accessible: true,
+  onPress: onPress,
+  disabled: disabled
+}, createElement(View, {
+  style: {
+    flexDirection: 'row',
+    justifyContent: 'center'
+  }
+}, createElement(Text, {
+  style: { ...styles.buttonText,
     color
-  } = _ref;
-  return createElement(TouchableOpacity, {
-    accessible: true,
-    onPress: onPress,
-    disabled: disabled
-  }, createElement(View, {
-    style: {
-      flexDirection: 'row',
-      justifyContent: 'center'
-    }
-  }, createElement(Text, {
-    style: { ...styles.buttonText,
-      color
-    }
-  }, text)));
-};
+  }
+}, text)));
 
 export default BottomSheetButton;
 //# sourceMappingURL=button.native.js.map

package/build-module/mobile/bottom-sheet/button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"names":["TouchableOpacity","View","Text","styles","BottomSheetButton","onPress","disabled","text","color","flexDirection","justifyContent","buttonText"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,gBAAT,EAA2BC,IAA3B,EAAiCC,IAAjC,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,MAAMC,iBAAiB,GAAG;AAAA,MAAE;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,GAAF;AAAA,SACzB,cAAC,gBAAD;AACC,IAAA,UAAU,EAAG,IADd;AAEC,IAAA,OAAO,EAAGH,OAFX;AAGC,IAAA,QAAQ,EAAGC;AAHZ,KAKC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG;AAAEG,MAAAA,aAAa,EAAE,KAAjB;AAAwBC,MAAAA,cAAc,EAAE;AAAxC;AAAd,KACC,cAAC,IAAD;AAAM,IAAA,KAAK,EAAG,EAAE,GAAGP,MAAM,CAACQ,UAAZ;AAAwBH,MAAAA;AAAxB;AAAd,KAAkDD,IAAlD,CADD,CALD,CADyB;AAAA,CAA1B;;AAYA,eAAeH,iBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"]}
+{"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/button.native.js"],"names":["TouchableOpacity","View","Text","styles","BottomSheetButton","onPress","disabled","text","color","flexDirection","justifyContent","buttonText"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,gBAAT,EAA2BC,IAA3B,EAAiCC,IAAjC,QAA6C,cAA7C;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,MAAMC,iBAAiB,GAAG,CAAE;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,QAAX;AAAqBC,EAAAA,IAArB;AAA2BC,EAAAA;AAA3B,CAAF,KACzB,cAAC,gBAAD;AACC,EAAA,UAAU,EAAG,IADd;AAEC,EAAA,OAAO,EAAGH,OAFX;AAGC,EAAA,QAAQ,EAAGC;AAHZ,GAKC,cAAC,IAAD;AAAM,EAAA,KAAK,EAAG;AAAEG,IAAAA,aAAa,EAAE,KAAjB;AAAwBC,IAAAA,cAAc,EAAE;AAAxC;AAAd,GACC,cAAC,IAAD;AAAM,EAAA,KAAK,EAAG,EAAE,GAAGP,MAAM,CAACQ,UAAZ;AAAwBH,IAAAA;AAAxB;AAAd,GAAkDD,IAAlD,CADD,CALD,CADD;;AAYA,eAAeH,iBAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { TouchableOpacity, View, Text } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\n\nconst BottomSheetButton = ( { onPress, disabled, text, color } ) => (\n\t<TouchableOpacity\n\t\taccessible={ true }\n\t\tonPress={ onPress }\n\t\tdisabled={ disabled }\n\t>\n\t\t<View style={ { flexDirection: 'row', justifyContent: 'center' } }>\n\t\t\t<Text style={ { ...styles.buttonText, color } }>{ text }</Text>\n\t\t</View>\n\t</TouchableOpacity>\n);\n\nexport default BottomSheetButton;\n"]}