npm - @wordpress/components - Versions diffs - 18.0.0 → 19.0.3 - Mend

@wordpress/components 18.0.0 → 19.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1852) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["css","Flex","FlexItem","Text","COLORS","rtl","rootFocusedStyles","isFocused","rootLabelPositionStyles","labelPosition","Root","containerDisabledStyles","disabled","backgroundColor","ui","backgroundDisabled","background","containerMarginStyles","hideLabel","containerWidthStyles","__unstableInputWidth","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","sizeStyles","height","lineHeight","minHeight","style","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","black","labelPadding","paddingBottom","paddingTop","BaseLabel","Label","props","LabelWrapper","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","borderDisabled","borderStyle","borderWidth","BackdropUI","paddingLeft","Prefix","Suffix"],"mappings":";;;;;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAsC,gBAAtC;AASA,SAASC,IAAT,EAAeC,QAAf,QAA+B,YAA/B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,MAAT,EAAiBC,GAAjB,QAA4B,aAA5B;;;;;;;;;;;;AAeA,MAAMC,iBAAiB,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAgC;AACzD,MAAK,CAAEA,SAAP,EAAmB,OAAO,EAAP;AAEnB;AACA,CAJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMC,uBAAuB,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAoC;AACnE,UAASA,aAAT;AACC,SAAK,KAAL;AACC;;AAID,SAAK,QAAL;AACC;;AAID,SAAK,MAAL;AACC;;AAGD;AACC,aAAO,EAAP;AAhBF;AAkBA,CAnBD;;AAqBA,OAAO,MAAMC,IAAI,GAAG,qBAAQT,IAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,uDAIbK,iBAJa,OAKbE,uBALa,6nTAAV;;AAQP,MAAMG,uBAAuB,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAoC;AACnE,QAAMC,eAAe,GAAGD,QAAQ,GAC7BR,MAAM,CAACU,EAAP,CAAUC,kBADmB,GAE7BX,MAAM,CAACU,EAAP,CAAUE,UAFb;AAIA,sBAAOhB,GAAG,CAAE;AAAEa,IAAAA;AAAF,GAAF,qsTAAV;AACA,CAND,C,CAQA;;;;;;;;;;;;;AACA,MAAMI,qBAAqB,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAqC;AAClE,SAAOA,SAAS,WAAuC,IAAvD;AACA,CAFD;;;;;;;;;;;;AAIA,MAAMC,oBAAoB,GAAG,CAAE;AAC9BC,EAAAA,oBAD8B;AAE9BX,EAAAA;AAF8B,CAAF,KAGN;AACtB,MAAK,CAAEW,oBAAP,EAA8B;AAE9B,MAAKX,aAAa,KAAK,MAAvB,EAAgC,OAAO,EAAP;;AAEhC,MAAKA,aAAa,KAAK,MAAvB,EAAgC;AAC/B,wBAAOT,GAAG,CAAE;AACXqB,MAAAA,IAAI,EAAG,OAAOD,oBAAsB;AADzB,KAAF,ksTAAV;AAGA;;AAED,sBAAOpB,GAAG,CAAE;AAAEsB,IAAAA,KAAK,EAAEF;AAAT,GAAF,ksTAAV;AACA,CAfD;;AAiBA,OAAO,MAAMG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,4GAQlBZ,uBARkB,OASlBM,qBATkB,OAUlBE,oBAVkB,6nTAAf;;AAsBP,MAAMK,cAAc,GAAG,CAAE;AAAEZ,EAAAA;AAAF,CAAF,KAAgC;AACtD,MAAK,CAAEA,QAAP,EAAkB,OAAO,EAAP;AAElB,sBAAOZ,GAAG,CAAE;AACXyB,IAAAA,KAAK,EAAErB,MAAM,CAACU,EAAP,CAAUY;AADN,GAAF,4rTAAV;AAGA,CAND;;AAQA,MAAMC,cAAc,GAAG,CAAE;AAAEC,EAAAA,SAAS,EAAEC;AAAb,CAAF,KAAuC;AAC7D,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE,MADI;AAEbC,IAAAA,KAAK,EAAE;AAFM,GAAd;AAKA,QAAMC,QAAQ,GAAGH,KAAK,CAAED,IAAF,CAAL,IAAyBC,KAAK,CAACC,OAAhD;AACA,QAAMG,cAAc,GAAG,MAAvB;AAEA,MAAK,CAAED,QAAP,EAAkB,OAAO,EAAP;AAElB,sBAAOjC,GAAP,eACekC,cADf,6CAIgBD,QAJhB;AAOA,CAlBD;;AAoBA,MAAME,UAAU,GAAG,CAAE;AAAEP,EAAAA,SAAS,EAAEC;AAAb,CAAF,KAAuC;AACzD,QAAMC,KAAK,GAAG;AACbC,IAAAA,OAAO,EAAE;AACRK,MAAAA,MAAM,EAAE,EADA;AAERC,MAAAA,UAAU,EAAE,CAFJ;AAGRC,MAAAA,SAAS,EAAE;AAHH,KADI;AAMbN,IAAAA,KAAK,EAAE;AACNI,MAAAA,MAAM,EAAE,EADF;AAENC,MAAAA,UAAU,EAAE,CAFN;AAGNC,MAAAA,SAAS,EAAE;AAHL;AANM,GAAd;AAaA,QAAMC,KAAK,GAAGT,KAAK,CAAED,IAAF,CAAL,IAAyBC,KAAK,CAACC,OAA7C;AAEA,sBAAO/B,GAAG,CAAEuC,KAAF,wrTAAV;AACA,CAjBD;;AAmBA,MAAMC,UAAU,GAAG,CAAE;AAAEC,EAAAA,UAAF;AAAcC,EAAAA;AAAd,CAAF,KAA8C;AAChE,MAAIC,kBAAJ;AACA,MAAIC,sBAAJ;;AAEA,MAAKH,UAAL,EAAkB;AACjBE,IAAAA,kBAAkB,gBAAG3C,GAAH,YACN0C,UADM,y0TAAlB;AAUA;;AAED,MAAKD,UAAU,IAAIC,UAAnB,EAAgC;AAC/BE,IAAAA,sBAAsB,gBAAG5C,GAAH,qBAET0C,UAFS,6sTAAtB;AAKA;;AAED,sBAAO1C,GAAP,CACI2C,kBADJ,OAEIC,sBAFJ;AAIA,CA7BD,C,CA+BA;AACA;;;AAEA,OAAO,MAAMC,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,0GAMNzC,MAAM,CAAC0C,KAND,yFAcbN,UAda,OAebhB,cAfa,OAgBbG,cAhBa,OAiBbQ,UAjBa,+qTAAX;;AAyBP,MAAMY,YAAY,GAAG,CAAE;AACtBtC,EAAAA;AADsB,CAAF,KAId;AACN,MAAIuC,aAAa,GAAG,CAApB;;AAEA,MAAKvC,aAAa,KAAK,MAAlB,IAA4BA,aAAa,KAAK,MAAnD,EAA4D;AAC3DuC,IAAAA,aAAa,GAAG,CAAhB;AACA;;AAED,sBAAOhD,GAAG,CAAE;AAAEiD,IAAAA,UAAU,EAAE,CAAd;AAAiBD,IAAAA;AAAjB,GAAF,0rTAAV;AACA,CAZD;;AAcA,MAAME,SAAS,GAAG,qBAAQ/C,IAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,kGASV4C,YATU,wrTAAf;;AAgBA,OAAO,MAAMI,KAAK,GACjBC,KADoB,IAMhB,cAAC,SAAD,eAAgBA,KAAhB;AAAwB,EAAA,EAAE,EAAC;AAA3B,GANE;AAQP,OAAO,MAAMC,YAAY,GAAG,qBAAQnD,QAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AASP,MAAMoD,qBAAqB,GAAG,CAAE;AAC/B1C,EAAAA,QAD+B;AAE/BL,EAAAA;AAF+B,CAAF,KAGU;AACvC,MAAIgD,WAAW,GAAGhD,SAAS,GAAGH,MAAM,CAACU,EAAP,CAAU0C,WAAb,GAA2BpD,MAAM,CAACU,EAAP,CAAU2C,MAAhE;AAEA,MAAIC,SAAJ;;AAEA,MAAKnD,SAAL,EAAiB;AAChBmD,IAAAA,SAAS,GAAI,aAAatD,MAAM,CAACU,EAAP,CAAU0C,WAAa,QAAjD;AACA;;AAED,MAAK5C,QAAL,EAAgB;AACf2C,IAAAA,WAAW,GAAGnD,MAAM,CAACU,EAAP,CAAU6C,cAAxB;AACA;;AAED,sBAAO3D,GAAG,CAAE;AACX0D,IAAAA,SADW;AAEXH,IAAAA,WAFW;AAGXK,IAAAA,WAAW,EAAE,OAHF;AAIXC,IAAAA,WAAW,EAAE;AAJF,GAAF,msTAAV;AAMA,CAtBD;;AAwBA,OAAO,MAAMC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,8IAalBR,qBAbkB,OAclBjD,GAAG,CAAE;AAAE0D,EAAAA,WAAW,EAAE;AAAf,CAAF,CAde,8nTAAhB;AAkBP,OAAO,MAAMC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAZ;AAKP,OAAO,MAAMC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAZ","sourcesContent":["/*\n External dependencies\n /\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\n// eslint-disable-next-line no-restricted-imports\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 { COLORS, rtl } from '../../utils';\nimport type { LabelPosition } from '../types';\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\nconst rootLabelPositionStyles = ( { labelPosition }: RootProps ) => {\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\treturn css`\n\t\t\t\talign-items: flex-start;\n\t\t\t\tflex-direction: column;\n\t\t\t`;\n\t\tcase 'bottom':\n\t\t\treturn css`\n\t\t\t\talign-items: flex-start;\n\t\t\t\tflex-direction: column-reverse;\n\t\t\t`;\n\t\tcase 'edge':\n\t\t\treturn css`\n\t\t\t\tjustify-content: space-between;\n\t\t\t`;\n\t\tdefault:\n\t\t\treturn '';\n\t}\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n\t${ rootLabelPositionStyles }\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\n// Normalizes the margins from the <Flex /> (components/ui/flex/) container.\nconst containerMarginStyles = ( { hideLabel }: ContainerProps ) => {\n\treturn hideLabel ? css( { margin: '0 !important' } ) : null;\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${ containerMarginStyles }\n\t${ containerWidthStyles }\n`;\n\ntype Size = 'default' \| 'small';\n\ntype InputProps = {\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\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};\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\nconst sizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t},\n\t};\n\n\tconst style = sizes[ size as Size ] \|\| sizes.default;\n\n\treturn css( style );\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.black };\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\tpadding-left: 8px;\n\t\tpadding-right: 8px;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst labelPadding = ( {\n\tlabelPosition,\n}: {\n\tlabelPosition?: LabelPosition;\n} ) => {\n\tlet paddingBottom = 4;\n\n\tif ( labelPosition === 'edge' \|\| labelPosition === 'side' ) {\n\t\tpaddingBottom = 0;\n\t}\n\n\treturn css( { paddingTop: 0, paddingBottom } );\n};\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tcolor: currentColor;\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\t${ labelPadding }\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\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/input-control/styles/input-control-styles.tsx"],"names":["css","Flex","FlexItem","Text","COLORS","rtl","rootFocusedStyles","isFocused","rootLabelPositionStyles","labelPosition","Root","containerDisabledStyles","disabled","backgroundColor","ui","backgroundDisabled","background","containerMarginStyles","hideLabel","containerWidthStyles","__unstableInputWidth","flex","width","Container","disabledStyles","color","textDisabled","fontSizeStyles","inputSize","size","sizes","default","small","fontSize","fontSizeMobile","sizeStyles","height","lineHeight","minHeight","style","dragStyles","isDragging","dragCursor","defaultArrowStyles","activeDragCursorStyles","Input","black","labelPadding","paddingBottom","paddingTop","BaseLabel","Label","props","LabelWrapper","backdropFocusedStyles","borderColor","borderFocus","border","boxShadow","borderDisabled","borderStyle","borderWidth","BackdropUI","paddingLeft","Prefix","Suffix"],"mappings":"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","sourcesContent":["/*\n External dependencies\n /\nimport { css, SerializedStyles } from '@emotion/react';\nimport styled from '@emotion/styled';\n// eslint-disable-next-line no-restricted-imports\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 { COLORS, rtl } from '../../utils';\nimport type { LabelPosition } from '../types';\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\nconst rootLabelPositionStyles = ( { labelPosition }: RootProps ) => {\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\treturn css`\n\t\t\t\talign-items: flex-start;\n\t\t\t\tflex-direction: column;\n\t\t\t`;\n\t\tcase 'bottom':\n\t\t\treturn css`\n\t\t\t\talign-items: flex-start;\n\t\t\t\tflex-direction: column-reverse;\n\t\t\t`;\n\t\tcase 'edge':\n\t\t\treturn css`\n\t\t\t\tjustify-content: space-between;\n\t\t\t`;\n\t\tdefault:\n\t\t\treturn '';\n\t}\n};\n\nexport const Root = styled( Flex )< RootProps >`\n\tposition: relative;\n\tborder-radius: 2px;\n\tpadding-top: 0;\n\t${ rootFocusedStyles }\n\t${ rootLabelPositionStyles }\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\n// Normalizes the margins from the <Flex /> (components/ui/flex/) container.\nconst containerMarginStyles = ( { hideLabel }: ContainerProps ) => {\n\treturn hideLabel ? css( { margin: '0 !important' } ) : null;\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${ containerMarginStyles }\n\t${ containerWidthStyles }\n`;\n\ntype Size = 'default' \| 'small';\n\ntype InputProps = {\n\tdisabled?: boolean;\n\tinputSize?: Size;\n\tisDragging?: boolean;\n\tdragCursor?: CSSProperties[ 'cursor' ];\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};\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\nconst sizeStyles = ( { inputSize: size }: InputProps ) => {\n\tconst sizes = {\n\t\tdefault: {\n\t\t\theight: 30,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 30,\n\t\t},\n\t\tsmall: {\n\t\t\theight: 24,\n\t\t\tlineHeight: 1,\n\t\t\tminHeight: 24,\n\t\t},\n\t};\n\n\tconst style = sizes[ size as Size ] \|\| sizes.default;\n\n\treturn css( style );\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.black };\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\toutline: none;\n\t\tpadding-left: 8px;\n\t\tpadding-right: 8px;\n\t\twidth: 100%;\n\n\t\t${ dragStyles }\n\t\t${ disabledStyles }\n\t\t${ fontSizeStyles }\n\t\t${ sizeStyles }\n\n\t\t&::-webkit-input-placeholder {\n\t\t\tline-height: normal;\n\t\t}\n\t}\n`;\n\nconst labelPadding = ( {\n\tlabelPosition,\n}: {\n\tlabelPosition?: LabelPosition;\n} ) => {\n\tlet paddingBottom = 4;\n\n\tif ( labelPosition === 'edge' \|\| labelPosition === 'side' ) {\n\t\tpaddingBottom = 0;\n\t}\n\n\treturn css( { paddingTop: 0, paddingBottom } );\n};\n\nconst BaseLabel = styled( Text )< { labelPosition?: LabelPosition } >`\n\t&&& {\n\t\tbox-sizing: border-box;\n\t\tcolor: currentColor;\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\tmax-width: 100%;\n\t\tz-index: 1;\n\n\t\t${ labelPadding }\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\tbox-sizing: border-box;\n\tdisplay: block;\n`;\n"]}

package/build-module/input-control/types.js CHANGED Viewed

@@ -1,2 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

package/build-module/isolated-event-container/index.js CHANGED Viewed

@@ -11,10 +11,11 @@ function stopPropagation(event) {
   event.stopPropagation();
 }
-export default forwardRef(({
-  children,
-  ...props
-}, ref) => {
+export default forwardRef((_ref, ref) => {
+  let {
+    children,
+    ...props
+  } = _ref;
   deprecated('wp.components.IsolatedEventContainer', {
     since: '5.7'
   }); // Disable reason: this stops certain events from propagating outside of the component.

package/build-module/isolated-event-container/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/isolated-event-container/index.js"],"names":["forwardRef","deprecated","stopPropagation","event","~~children~~","~~props~~","~~ref~~","since"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;;AAEA,SAASC,eAAT,CAA0BC,KAA1B,EAAkC;AACjCA,EAAAA,KAAK,CAACD,eAAN;AACA;;AAED,eAAeF,UAAU,CAAE,~~CAAE~~;~~AAAEI~~,~~EAAAA~~,QAAF;AAAY,~~KAAGC~~;AAAf,~~CAAF,EAA0BC,GAA1B,KAAmC~~;AAC7DL,EAAAA,UAAU,CAAE,sCAAF,EAA0C;AACnDM,IAAAA,KAAK,EAAE;AAD4C,GAA1C,CAAV,CAD6D,CAK7D;AACA;;AACA;;AACA,SACC,~~kCAAUF~~,KAAV;AAAkB,IAAA,GAAG,~~EAAGC~~,GAAxB;AAA8B,IAAA,WAAW,~~EAAGJ~~;AAA5C,~~MACGE~~,QADH,CADD;AAKA;AACA,CAdwB,CAAzB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\nfunction stopPropagation( event ) {\n\tevent.stopPropagation();\n}\n\nexport default forwardRef( ( { children, ...props }, ref ) => {\n\tdeprecated( 'wp.components.IsolatedEventContainer', {\n\t\tsince: '5.7',\n\t} );\n\n\t// Disable reason: this stops certain events from propagating outside of the component.\n\t// - onMouseDown is disabled as this can cause interactions with other DOM elements\n\t/ eslint-disable jsx-a11y/no-static-element-interactions /\n\treturn (\n\t\t<div { ...props } ref={ ref } onMouseDown={ stopPropagation }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n\t/ eslint-enable jsx-a11y/no-static-element-interactions */\n} );\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/isolated-event-container/index.js"],"names":["forwardRef","deprecated","stopPropagation","event","ref","children","props","since"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,UAAT,QAA2B,oBAA3B;AACA,OAAOC,UAAP,MAAuB,uBAAvB;;AAEA,SAASC,eAAT,CAA0BC,KAA1B,EAAkC;AACjCA,EAAAA,KAAK,CAACD,eAAN;AACA;;AAED,eAAeF,UAAU,CAAE,OAA0BI,GAA1B,KAAmC;AAAA,MAAjC;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,GAAiC;AAC7DL,EAAAA,UAAU,CAAE,sCAAF,EAA0C;AACnDM,IAAAA,KAAK,EAAE;AAD4C,GAA1C,CAAV,CAD6D,CAK7D;AACA;;AACA;;AACA,SACC,kCAAUD,KAAV;AAAkB,IAAA,GAAG,EAAGF,GAAxB;AAA8B,IAAA,WAAW,EAAGF;AAA5C,MACGG,QADH,CADD;AAKA;AACA,CAdwB,CAAzB","sourcesContent":["/*\n WordPress dependencies\n /\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\nfunction stopPropagation( event ) {\n\tevent.stopPropagation();\n}\n\nexport default forwardRef( ( { children, ...props }, ref ) => {\n\tdeprecated( 'wp.components.IsolatedEventContainer', {\n\t\tsince: '5.7',\n\t} );\n\n\t// Disable reason: this stops certain events from propagating outside of the component.\n\t// - onMouseDown is disabled as this can cause interactions with other DOM elements\n\t/ eslint-disable jsx-a11y/no-static-element-interactions /\n\treturn (\n\t\t<div { ...props } ref={ ref } onMouseDown={ stopPropagation }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n\t/ eslint-enable jsx-a11y/no-static-element-interactions */\n} );\n"]}

package/build-module/item-group/types.js CHANGED Viewed

@@ -1,2 +1,2 @@
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -11,13 +11,14 @@ import { map } from 'lodash';
 import { useRef, Children } from '@wordpress/element';
 import { useKeyboardShortcut } from '@wordpress/compose';
-function KeyboardShortcut({
-  target,
-  callback,
-  shortcut,
-  bindGlobal,
-  eventName
-}) {
+function KeyboardShortcut(_ref) {
+  let {
+    target,
+    callback,
+    shortcut,
+    bindGlobal,
+    eventName
+  } = _ref;
   useKeyboardShortcut(shortcut, callback, {
     bindGlobal,
     target,
@@ -26,12 +27,13 @@ function KeyboardShortcut({
   return null;
 }
-function KeyboardShortcuts({
-  children,
-  shortcuts,
-  bindGlobal,
-  eventName
-}) {
+function KeyboardShortcuts(_ref2) {
+  let {
+    children,
+    shortcuts,
+    bindGlobal,
+    eventName
+  } = _ref2;
   const target = useRef();
   const element = map(shortcuts, (callback, shortcut) => createElement(KeyboardShortcut, {
     key: shortcut,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/keyboard-shortcuts/index.js"],"names":["map","useRef","Children","useKeyboardShortcut","KeyboardShortcut","target","callback","shortcut","bindGlobal","eventName","KeyboardShortcuts","children","shortcuts","element","count"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,QAAjB,QAAiC,oBAAjC;AACA,SAASC,mBAAT,QAAoC,oBAApC;;AAEA,SAASC,gBAAT,~~CAA2B~~;AAC1BC,~~EAAAA~~,MAD0B;AAE1BC,~~EAAAA~~,QAF0B;AAG1BC,~~EAAAA~~,QAH0B;AAI1BC,~~EAAAA~~,UAJ0B;AAK1BC,~~EAAAA~~;AAL0B,~~CAA3B,EAMI~~;AACHN,EAAAA,mBAAmB,CAAEI,QAAF,EAAYD,QAAZ,EAAsB;AACxCE,IAAAA,UADwC;AAExCH,IAAAA,MAFwC;AAGxCI,IAAAA;AAHwC,GAAtB,CAAnB;AAMA,SAAO,IAAP;AACA;;AAED,SAASC,iBAAT,~~CAA4B~~;AAAEC,~~EAAAA~~,QAAF;AAAYC,~~EAAAA~~,SAAZ;AAAuBJ,~~EAAAA~~,UAAvB;AAAmCC,~~EAAAA~~;AAAnC,~~CAA5B,EAA6E~~;AAC5E,QAAMJ,MAAM,GAAGJ,MAAM,EAArB;AAEA,QAAMY,OAAO,GAAGb,GAAG,CAAEY,SAAF,EAAa,CAAEN,QAAF,EAAYC,QAAZ,KAC/B,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGA,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,IADkB,CAAnB,CAH4E,CAc5E;AACA;;AACA,MAAK,CAAEH,QAAQ,CAACY,KAAT,CAAgBH,QAAhB,CAAP,EAAoC;AACnC,WAAOE,OAAP;AACA;;AAED,SACC;AAAK,IAAA,GAAG,EAAGR;AAAX,KACGQ,OADH,EAEGF,QAFH,CADD;AAMA;;AAED,eAAeD,iBAAf","sourcesContent":["/*\n External dependencies\n /\nimport { map } from 'lodash';\n\n/\n WordPress dependencies\n */\nimport { useRef, Children } from '@wordpress/element';\nimport { useKeyboardShortcut } from '@wordpress/compose';\n\nfunction KeyboardShortcut( {\n\ttarget,\n\tcallback,\n\tshortcut,\n\tbindGlobal,\n\teventName,\n} ) {\n\tuseKeyboardShortcut( shortcut, callback, {\n\t\tbindGlobal,\n\t\ttarget,\n\t\teventName,\n\t} );\n\n\treturn null;\n}\n\nfunction KeyboardShortcuts( { children, shortcuts, bindGlobal, eventName } ) {\n\tconst target = useRef();\n\n\tconst element = map( shortcuts, ( callback, shortcut ) => (\n\t\t<KeyboardShortcut\n\t\t\tkey={ shortcut }\n\t\t\tshortcut={ shortcut }\n\t\t\tcallback={ callback }\n\t\t\tbindGlobal={ bindGlobal }\n\t\t\teventName={ eventName }\n\t\t\ttarget={ target }\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"]}
1	+ {"version":3,"sources":["@wordpress/components/src/keyboard-shortcuts/index.js"],"names":["map","useRef","Children","useKeyboardShortcut","KeyboardShortcut","target","callback","shortcut","bindGlobal","eventName","KeyboardShortcuts","children","shortcuts","element","count"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,QAApB;AAEA;AACA;AACA;;AACA,SAASC,MAAT,EAAiBC,QAAjB,QAAiC,oBAAjC;AACA,SAASC,mBAAT,QAAoC,oBAApC;;AAEA,SAASC,gBAAT,OAMI;AAAA,MANuB;AAC1BC,IAAAA,MAD0B;AAE1BC,IAAAA,QAF0B;AAG1BC,IAAAA,QAH0B;AAI1BC,IAAAA,UAJ0B;AAK1BC,IAAAA;AAL0B,GAMvB;AACHN,EAAAA,mBAAmB,CAAEI,QAAF,EAAYD,QAAZ,EAAsB;AACxCE,IAAAA,UADwC;AAExCH,IAAAA,MAFwC;AAGxCI,IAAAA;AAHwC,GAAtB,CAAnB;AAMA,SAAO,IAAP;AACA;;AAED,SAASC,iBAAT,QAA6E;AAAA,MAAjD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuBJ,IAAAA,UAAvB;AAAmCC,IAAAA;AAAnC,GAAiD;AAC5E,QAAMJ,MAAM,GAAGJ,MAAM,EAArB;AAEA,QAAMY,OAAO,GAAGb,GAAG,CAAEY,SAAF,EAAa,CAAEN,QAAF,EAAYC,QAAZ,KAC/B,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGA,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,IADkB,CAAnB,CAH4E,CAc5E;AACA;;AACA,MAAK,CAAEH,QAAQ,CAACY,KAAT,CAAgBH,QAAhB,CAAP,EAAoC;AACnC,WAAOE,OAAP;AACA;;AAED,SACC;AAAK,IAAA,GAAG,EAAGR;AAAX,KACGQ,OADH,EAEGF,QAFH,CADD;AAMA;;AAED,eAAeD,iBAAf","sourcesContent":["/*\n External dependencies\n /\nimport { map } from 'lodash';\n\n/\n WordPress dependencies\n */\nimport { useRef, Children } from '@wordpress/element';\nimport { useKeyboardShortcut } from '@wordpress/compose';\n\nfunction KeyboardShortcut( {\n\ttarget,\n\tcallback,\n\tshortcut,\n\tbindGlobal,\n\teventName,\n} ) {\n\tuseKeyboardShortcut( shortcut, callback, {\n\t\tbindGlobal,\n\t\ttarget,\n\t\teventName,\n\t} );\n\n\treturn null;\n}\n\nfunction KeyboardShortcuts( { children, shortcuts, bindGlobal, eventName } ) {\n\tconst target = useRef();\n\n\tconst element = map( shortcuts, ( callback, shortcut ) => (\n\t\t<KeyboardShortcut\n\t\t\tkey={ shortcut }\n\t\t\tshortcut={ shortcut }\n\t\t\tcallback={ callback }\n\t\t\tbindGlobal={ bindGlobal }\n\t\t\teventName={ eventName }\n\t\t\ttarget={ target }\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 CHANGED Viewed

@@ -14,12 +14,13 @@ import { check } from '@wordpress/icons';
  */
 import MenuItem from '../menu-item';
-export default function MenuItemsChoice({
-  choices = [],
-  onHover = noop,
-  onSelect,
-  value
-}) {
+export default function MenuItemsChoice(_ref) {
+  let {
+    choices = [],
+    onHover = noop,
+    onSelect,
+    value
+  } = _ref;
   return choices.map(item => {
     const isSelected = value === item.value;
     return createElement(MenuItem, {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["@wordpress/components/src/menu-items-choice/index.js"],"names":["noop","check","MenuItem","MenuItemsChoice","choices","onHover","onSelect","value","map","item","isSelected","info","shortcut","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,QAArB;AAEA;AACA;AACA;;AACA,SAASC,KAAT,QAAsB,kBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,cAArB;AAEA,eAAe,SAASC,eAAT,~~CAA0B~~;AACxCC,~~EAAAA~~,OAAO,GAAG,EAD8B;AAExCC,~~EAAAA~~,OAAO,GAAGL,IAF8B;AAGxCM,~~EAAAA~~,QAHwC;AAIxCC,~~EAAAA~~;AAJwC,~~CAA1B,EAKX~~;AACH,SAAOH,OAAO,CAACI,GAAR,CAAeC,IAAF,IAAY;AAC/B,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,IAAIT,KAHtB;AAIC,MAAA,IAAI,EAAGQ,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,GAvBM,CAAP;AAwBA","sourcesContent":["/*\n External dependencies\n /\nimport { noop } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { check } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport MenuItem from '../menu-item';\n\nexport default function MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n} ) {\n\treturn choices.map( ( item ) => {\n\t\tconst isSelected = value === item.value;\n\t\treturn (\n\t\t\t<MenuItem\n\t\t\t\tkey={ item.value }\n\t\t\t\trole=\"menuitemradio\"\n\t\t\t\ticon={ isSelected && check }\n\t\t\t\tinfo={ item.info }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t>\n\t\t\t\t{ item.label }\n\t\t\t</MenuItem>\n\t\t);\n\t} );\n}\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/menu-items-choice/index.js"],"names":["noop","check","MenuItem","MenuItemsChoice","choices","onHover","onSelect","value","map","item","isSelected","info","shortcut","label"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,QAArB;AAEA;AACA;AACA;;AACA,SAASC,KAAT,QAAsB,kBAAtB;AAEA;AACA;AACA;;AACA,OAAOC,QAAP,MAAqB,cAArB;AAEA,eAAe,SAASC,eAAT,OAKX;AAAA,MALqC;AACxCC,IAAAA,OAAO,GAAG,EAD8B;AAExCC,IAAAA,OAAO,GAAGL,IAF8B;AAGxCM,IAAAA,QAHwC;AAIxCC,IAAAA;AAJwC,GAKrC;AACH,SAAOH,OAAO,CAACI,GAAR,CAAeC,IAAF,IAAY;AAC/B,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,IAAIT,KAHtB;AAIC,MAAA,IAAI,EAAGQ,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,GAvBM,CAAP;AAwBA","sourcesContent":["/*\n External dependencies\n /\nimport { noop } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { check } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport MenuItem from '../menu-item';\n\nexport default function MenuItemsChoice( {\n\tchoices = [],\n\tonHover = noop,\n\tonSelect,\n\tvalue,\n} ) {\n\treturn choices.map( ( item ) => {\n\t\tconst isSelected = value === item.value;\n\t\treturn (\n\t\t\t<MenuItem\n\t\t\t\tkey={ item.value }\n\t\t\t\trole=\"menuitemradio\"\n\t\t\t\ticon={ isSelected && check }\n\t\t\t\tinfo={ item.info }\n\t\t\t\tisSelected={ isSelected }\n\t\t\t\tshortcut={ item.shortcut }\n\t\t\t\tclassName=\"components-menu-items-choice\"\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tif ( ! isSelected ) {\n\t\t\t\t\t\tonSelect( item.value );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tonMouseEnter={ () => onHover( item.value ) }\n\t\t\t\tonMouseLeave={ () => onHover( null ) }\n\t\t\t\taria-label={ item[ 'aria-label' ] }\n\t\t\t>\n\t\t\t\t{ item.label }\n\t\t\t</MenuItem>\n\t\t);\n\t} );\n}\n"]}

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

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

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

	@@ -1 +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"]}
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"]}

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

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

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

	@@ -1 +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,~~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"]}
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"]}

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

@@ -11,7 +11,7 @@ import { createStackNavigator } from '@react-navigation/stack';
  * WordPress dependencies
  */
-import { useState, useContext, useMemo, useCallback, Children, useRef, cloneElement } from '@wordpress/element';
+import { useState, useContext, useMemo, useCallback, Children, useRef, cloneElement, Platform } from '@wordpress/element';
 import { usePreferredColorSchemeStyle } from '@wordpress/compose';
 /**
  * Internal dependencies
@@ -28,9 +28,10 @@ const AnimationSpec = {
   }
 };
-const fadeConfig = ({
-  current
-}) => {
+const fadeConfig = _ref => {
+  let {
+    current
+  } = _ref;
   return {
     cardStyle: {
       opacity: current.progress
@@ -49,12 +50,14 @@ const options = {
 };
 const ANIMATION_DURATION = 190;
-function BottomSheetNavigationContainer({
-  children,
-  animate,
-  main,
-  theme
-}) {
+function BottomSheetNavigationContainer(_ref2) {
+  let {
+    children,
+    animate,
+    main,
+    theme,
+    style
+  } = _ref2;
   const Stack = useRef(createStackNavigator()).current;
   const context = useContext(BottomSheetNavigationContext);
   const [currentHeight, setCurrentHeight] = useState(context.currentHeight || 1);
@@ -69,7 +72,15 @@ function BottomSheetNavigationContainer({
   const setHeight = useCallback(height => {
     // The screen is fullHeight or changing from fullScreen to the default mode
     if (typeof currentHeight === 'string' && typeof height !== 'string' || typeof height === 'string') {
-      performLayoutAnimation(ANIMATION_DURATION);
+      // Animating the opacity for the initial modal results in the backdrop
+      // provided by react-native-modal to never transition from transparent
+      // to partially opaque black. The core issue was not idenfited, but it
+      // may relate to the experimental state of LayoutAnimation for Android.
+      // https://reactnative.dev/docs/layoutanimation
+      if (!Platform.isAndroid || currentHeight !== 1) {
+        performLayoutAnimation(ANIMATION_DURATION);
+      }
       setCurrentHeight(height);
       return;
     }
@@ -108,9 +119,9 @@ function BottomSheetNavigationContainer({
   }, [children]);
   return useMemo(() => {
     return createElement(View, {
-      style: {
+      style: [style, {
         height: currentHeight
-      }
+      }]
     }, createElement(BottomSheetNavigationProvider, {
       value: {
         setHeight,

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

	@@ -1 +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","Stack","context","currentHeight","setCurrentHeight","backgroundStyle","background","backgroundDark","_theme","colors","backgroundColor","setHeight","height","screens","map","child","screen","name","otherProps","props","isNested"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,MAAf,QAA6B,cAA7B;AACA,SAASC,mBAAT,EAA8BC,YAA9B,QAAkD,0BAAlD;AACA,SAASC,oBAAT,QAAqC,yBAArC;AAEA;AACA;AACA;;AACA,SACCC,QADD,EAECC,UAFD,EAGCC,OAHD,EAICC,WAJD,EAKCC,QALD,EAMCC,MAND,EAOCC,YAPD,~~QAQO~~,~~oBARP~~;~~AAUA~~,SAASC,4BAAT,QAA6C,oBAA7C;AAEA;AACA;AACA;;AACA,SAASC,sBAAT,QAAuC,wBAAvC;AACA,SACCC,4BADD,EAECC,6BAFD,QAGO,mCAHP;AAKA,OAAOC,MAAP,MAAmB,eAAnB;AAEA,MAAMC,aAAa,GAAG;AACrBC,EAAAA,SAAS,EAAE,QADU;AAErBC,EAAAA,MAAM,EAAE;AACPC,IAAAA,QAAQ,EAAE,GADH;AAEPC,IAAAA,MAAM,~~EAAEpB~~,MAAM,~~CAACqB~~;AAFR;AAFa,CAAtB;;AAQA,MAAMC,UAAU,GAAG,~~CAAE~~;AAAEC,~~EAAAA~~;AAAF,~~CAAF,KAAmB~~;AACrC,SAAO;AACNC,IAAAA,SAAS,EAAE;AACVC,MAAAA,OAAO,EAAEF,OAAO,CAACG;AADP;AADL,GAAP;AAKA,CAND;;AAQA,MAAMC,OAAO,GAAG;AACfC,EAAAA,cAAc,EAAE;AACfC,IAAAA,IAAI,EAAEb,aADS;AAEfc,IAAAA,KAAK,EAAEd;AAFQ,GADD;AAKfe,EAAAA,WAAW,EAAE,KALE;AAMfC,EAAAA,cAAc,EAAE,KAND;AAOfC,EAAAA,qBAAqB,EAAEX;AAPR,CAAhB;AAUA,MAAMY,kBAAkB,GAAG,GAA3B;;AAEA,SAASC,8BAAT,~~CAAyC~~;~~AAAEC~~,~~EAAAA~~,~~QAAF~~;~~AAAYC~~,~~EAAAA~~,~~OAAZ~~;~~AAAqBC~~,~~EAAAA~~,~~IAArB~~;~~AAA2BC~~,~~EAAAA~~;~~AAA3B~~,~~CAAzC~~,~~EAA8E~~;~~AAC7E~~,QAAMC,KAAK,~~GAAG/B~~,MAAM,CAAEN,oBAAoB,EAAtB,CAAN,~~CAAiCoB~~,OAA/C;AACA,~~QAAMkB~~,OAAO,~~GAAGpC~~,UAAU,~~CAAEQ~~,4BAAF,CAA1B;AACA,QAAM,~~CAAE6B~~,aAAF,EAAiBC,gBAAjB,~~IAAsCvC~~,QAAQ,~~CACnDqC~~,OAAO,CAACC,aAAR,IAAyB,CAD0B,CAApD;AAIA,QAAME,eAAe,~~GAAGjC~~,4BAA4B,CACnDI,MAAM,~~CAAC8B~~,UAD4C,~~EAEnD9B~~,MAAM,~~CAAC+B~~,cAF4C,CAApD;;AAKA,QAAMC,MAAM,~~GAAGR~~,KAAK,IAAI,EACvB,~~GAAGrC~~,YADoB;~~AAEvB8C~~,IAAAA,MAAM,EAAE,EACP,~~GAAG9C~~,YAAY,~~CAAC8C~~,MADT;AAEPH,MAAAA,UAAU,EAAED,eAAe,CAACK;AAFrB;AAFe,GAAxB;;AAQA,QAAMC,SAAS,~~GAAG3C~~,WAAW,~~CAC1B4C~~,MAAF,IAAc;AACb;AACA,QACG,OAAOT,aAAP,KAAyB,QAAzB,IACD,OAAOS,MAAP,KAAkB,QADnB,IAEA,OAAOA,MAAP,KAAkB,QAHnB,EAIE;~~AACDvC~~,~~MAAAA~~,sBAAsB,CAAEsB,kBAAF,CAAtB;~~AACAS~~,MAAAA,gBAAgB,CAAEQ,MAAF,CAAhB;AAEA;AACA;;AAED,QAAKA,MAAM,GAAG,CAAd,EAAkB;AACjB,UAAKT,aAAa,KAAK,CAAvB,EAA2B;AAC1BC,QAAAA,gBAAgB,CAAEQ,MAAF,CAAhB;AACA,OAFD,MAEO,~~IAAKd~~,OAAL,EAAe;AACrBzB,QAAAA,sBAAsB,CAAEsB,kBAAF,CAAtB;~~AACAS~~,QAAAA,gBAAgB,CAAEQ,MAAF,CAAhB;AACA,OAHM,MAGA;AACNR,QAAAA,gBAAgB,CAAEQ,MAAF,CAAhB;AACA;AACD;AACD,~~GAxB2B~~,~~EAyB5B~~,CAAET,aAAF,~~CAzB4B~~,CAA7B;~~AA4BA~~,~~QAAMU~~,OAAO,~~GAAG9C~~,OAAO,CAAE,MAAM;AAC9B,WAAOE,QAAQ,~~CAAC6C~~,GAAT,~~CAAcjB~~,QAAd,~~EAA0BkB~~,KAAF,IAAa;AAC3C,UAAIC,MAAM,GAAGD,KAAb;AACA,YAAM;AAAEE,QAAAA,IAAF;AAAQ,WAAGC;AAAX,UAA0BH,KAAK,CAACI,KAAtC;;AACA,UAAK,~~CAAEpB~~,IAAP,EAAc;~~AACbiB~~,QAAAA,MAAM,~~GAAG7C~~,YAAY,~~CAAE4C~~,KAAF,EAAS,EAC7B,GAAGA,KAAK,CAACI,KADoB;AAE7BC,UAAAA,QAAQ,EAAE;AAFmB,SAAT,CAArB;AAIA;;AACD,aACC,cAAC,KAAD,CAAO,MAAP;AACC,QAAA,IAAI,EAAGH;AADR,SAEMC,UAFN;AAGC,QAAA,QAAQ,EAAG,MAAMF;AAHlB,SADD;AAOA,KAhBM,CAAP;AAiBA,GAlBsB,EAkBpB,~~CAAEnB~~,QAAF,CAlBoB,CAAvB;AAoBA,~~SAAO9B~~,OAAO,CAAE,MAAM;AACrB,WACC,cAAC,IAAD;~~AACC~~,MAAA,KAAK,EAAG;~~AACP6C~~,QAAAA,MAAM,EAAET;~~AADD~~;~~AADT~~,~~OAKC~~,cAAC,6BAAD;AACC,MAAA,KAAK,EAAG;AACPQ,QAAAA,SADO;AAEPR,QAAAA;AAFO;AADT,~~OAMGJ~~,IAAI,GACL,cAAC,mBAAD;AAAqB,MAAA,KAAK,~~EAAGS~~;AAA7B,OACC,cAAC,KAAD,CAAO,SAAP;AAAiB,MAAA,aAAa,~~EAAGpB~~;AAAjC,~~OACGyB~~,OADH,CADD,CADK,GAOL,cAAC,KAAD,CAAO,SAAP;AAAiB,MAAA,aAAa,~~EAAGzB~~;AAAjC,~~OACGyB~~,OADH,CAbF,~~CALD~~,CADD;~~AA0BA~~,~~GA3Ba~~,~~EA2BX~~,~~CAAEV~~,aAAF,EAAiBK,MAAjB,~~CA3BW~~,CAAd;~~AA4BA~~;;AAED,~~eAAeZ~~,8BAAf","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( { ~~children, animate, main, theme~~ } ) {\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 or changing from fullScreen to the default mode\n\t\t\tif (\n\t\t\t\t( typeof currentHeight === 'string' &&\n\t\t\t\t\ttypeof height !== 'string' ) \|\|\n\t\t\t\ttypeof height === 'string'\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 ( height > 1 ) {\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[ 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}, [ children ] );\n\n\treturn useMemo( () => {\n\t\treturn (\n\t\t\t<View~~\n\t\t\t\tstyle~~={ {~~\n\t\t\t\t\theight~~: currentHeight~~,\n\t\t\t\t~~} }~~\n\t\t\t~~>\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}, [ currentHeight, _theme ] );\n}\n\nexport default BottomSheetNavigationContainer;\n"]}
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","Platform","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","isAndroid","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\tPlatform,\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 or changing from fullScreen to the default mode\n\t\t\tif (\n\t\t\t\t( typeof currentHeight === 'string' &&\n\t\t\t\t\ttypeof height !== 'string' ) \|\|\n\t\t\t\ttypeof height === 'string'\n\t\t\t) {\n\t\t\t\t// Animating the opacity for the initial modal results in the backdrop\n\t\t\t\t// provided by react-native-modal to never transition from transparent\n\t\t\t\t// to partially opaque black. The core issue was not idenfited, but it\n\t\t\t\t// may relate to the experimental state of LayoutAnimation for Android.\n\t\t\t\t// https://reactnative.dev/docs/layoutanimation\n\t\t\t\tif ( ! Platform.isAndroid \|\| currentHeight !== 1 ) {\n\t\t\t\t\tperformLayoutAnimation( ANIMATION_DURATION );\n\t\t\t\t}\n\t\t\t\tsetCurrentHeight( height );\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( height > 1 ) {\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[ 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}, [ 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}, [ currentHeight, _theme ] );\n}\n\nexport default BottomSheetNavigationContainer;\n"]}

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

@@ -19,12 +19,13 @@ import { useRef, useCallback, useContext, useMemo } from '@wordpress/element';
 import { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';
 import styles from './styles.scss';
-const BottomSheetNavigationScreen = ({
-  children,
-  fullScreen,
-  isScrollable,
-  isNested
-}) => {
+const BottomSheetNavigationScreen = _ref => {
+  let {
+    children,
+    fullScreen,
+    isScrollable,
+    isNested
+  } = _ref;
   const navigation = useNavigation();
   const heightRef = useRef({
     maxHeight: 0
@@ -64,9 +65,11 @@ const BottomSheetNavigationScreen = ({
     return () => {};
   }, []));
-  const onLayout = ({
-    nativeEvent
-  }) => {
+  const onLayout = _ref2 => {
+    let {
+      nativeEvent
+    } = _ref2;
     if (fullScreen) {
       return;
     }

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

	@@ -1 +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","debounce","BottomSheetContext","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","styles","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","navigation","heightRef","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","setHeight","setHeightDebounce","canGoBack","goBack","current","onLayout","nativeEvent","height","layout","scrollableContent","paddingBottom"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,YADD,EAECC,aAFD,EAGCC,cAHD,QAIO,0BAJP;AAKA,SAASC,IAAT,EAAeC,UAAf,EAA2BC,kBAA3B,QAAqD,cAArD;AACA,SAASC,QAAT,QAAyB,QAAzB;AAEA;AACA;AACA;;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AAEA,SAASC,MAAT,EAAiBC,WAAjB,EAA8BC,UAA9B,EAA0CC,OAA1C,QAAyD,oBAAzD;AAEA;AACA;AACA;;AACA,SAASC,4BAAT,QAA6C,mCAA7C;AACA,OAAOC,MAAP,MAAmB,eAAnB;;AAEA,MAAMC,2BAA2B,GAAG,~~CAAE~~;AACrCC,~~EAAAA~~,QADqC;AAErCC,~~EAAAA~~,UAFqC;AAGrCC,~~EAAAA~~,YAHqC;AAIrCC,~~EAAAA~~;AAJqC,~~CAAF,KAK7B~~;AACN,QAAMC,UAAU,GAAGlB,aAAa,EAAhC;AACA,QAAMmB,SAAS,GAAGZ,MAAM,CAAE;AAAEa,IAAAA,SAAS,EAAE;AAAb,GAAF,CAAxB;AACA,QAAMC,SAAS,GAAGtB,YAAY,EAA9B;AACA,QAAM;AACLuB,IAAAA,2BADK;AAELC,IAAAA,gCAFK;AAGLC,IAAAA,eAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA;AALK,MAMFjB,UAAU,CAAEH,kBAAF,CANd;AAQA,QAAM;AAAEqB,IAAAA;AAAF,MAAgBlB,UAAU,CAAEE,4BAAF,CAAhC;AAEA,QAAMiB,iBAAiB,GAAGpB,WAAW,CAAEH,QAAQ,CAAEsB,SAAF,EAAa,EAAb,CAAV,EAA6B,CACjEA,SADiE,CAA7B,CAArC;AAIA1B,EAAAA,cAAc,CACbO,WAAW,CAAE,MAAM;AAClBc,IAAAA,2BAA2B,CAAE,MAAM;AAClC,UAAKJ,UAAU,CAACW,SAAX,EAAL,EAA8B;AAC7BN,QAAAA,gCAAgC,CAAE,IAAF,CAAhC;AACAL,QAAAA,UAAU,CAACY,MAAX;AACA,eAAO,IAAP;AACA;;AACDR,MAAAA,2BAA2B,CAAE,IAAF,CAA3B;AACA,aAAO,KAAP;AACA,KAR0B,CAA3B;;AASA,QAAKP,UAAL,EAAkB;AACjBY,MAAAA,SAAS,CAAE,MAAF,CAAT;AACAH,MAAAA,eAAe,CAAE,IAAF,CAAf;AACA,KAHD,MAGO,IAAKL,SAAS,CAACY,OAAV,CAAkBX,SAAlB,KAAgC,CAArC,EAAyC;AAC/CI,MAAAA,eAAe,CAAE,KAAF,CAAf;AACAG,MAAAA,SAAS,CAAER,SAAS,CAACY,OAAV,CAAkBX,SAApB,CAAT;AACA;;AACD,WAAO,MAAM,CAAE,CAAf;AACA,GAlBU,EAkBR,EAlBQ,CADE,CAAd;;AAqBA,QAAMY,QAAQ,GAAG,~~CAAE~~;AAAEC,~~IAAAA~~;AAAF,~~GAAF,KAAuB;~~AACvC,QAAKlB,UAAL,EAAkB;AACjB;AACA;;AACD,UAAM;AAAEmB,MAAAA;AAAF,QAAaD,WAAW,CAACE,MAA/B;;AAEA,QAAKhB,SAAS,CAACY,OAAV,CAAkBX,SAAlB,KAAgCc,MAAhC,IAA0Cb,SAA/C,EAA2D;AAC1DF,MAAAA,SAAS,CAACY,OAAV,CAAkBX,SAAlB,GAA8Bc,MAA9B;AACAN,MAAAA,iBAAiB,CAAEM,MAAF,CAAjB;AACA;AACD,GAVD;;AAWA,SAAOxB,OAAO,CAAE,MAAM;AACrB,WAAOM,YAAY,IAAIC,QAAhB,GACN,cAAC,IAAD;AAAM,MAAA,QAAQ,EAAGe;AAAjB,OAA8BlB,QAA9B,CADM,GAGN,cAAC,UAAD,EAAiBW,SAAjB,EACC,cAAC,kBAAD;AAAoB,MAAA,UAAU,EAAG;AAAjC,OACC,cAAC,IAAD;AAAM,MAAA,QAAQ,EAAGO;AAAjB,OACGlB,QADH,EAEG,CAAEG,QAAF,IACD,cAAC,IAAD;AACC,MAAA,KAAK,EAAG;AACPiB,QAAAA,MAAM,EACLR,mBAAmB,IACnBd,MAAM,CAACwB,iBAAP,CAAyBC;AAHnB;AADT,MAHF,CADD,CADD,CAHD;AAoBA,GArBa,EAqBX,CAAEvB,QAAF,EAAYO,SAAZ,EAAuBK,mBAAvB,EAA4CD,SAA5C,CArBW,CAAd;AAsBA,CA7ED;;AA+EA,eAAeZ,2BAAf","sourcesContent":["/*\n External dependencies\n /\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport { View, ScrollView, TouchableHighlight } from 'react-native';\nimport { debounce } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { BottomSheetContext } from '@wordpress/components';\n\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} ) => {\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\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\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}, [] )\n\t);\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\treturn useMemo( () => {\n\t\treturn isScrollable \|\| isNested ? (\n\t\t\t<View onLayout={ onLayout }>{ children }</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 onLayout={ onLayout }>\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}, [ children, isFocused, safeAreaBottomInset, listProps ] );\n};\n\nexport default BottomSheetNavigationScreen;\n"]}
1	+ {"version":3,"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"names":["useIsFocused","useNavigation","useFocusEffect","View","ScrollView","TouchableHighlight","debounce","BottomSheetContext","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","styles","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","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';\nimport { debounce } from 'lodash';\n\n/\n WordPress dependencies\n /\nimport { BottomSheetContext } from '@wordpress/components';\n\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} ) => {\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\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\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}, [] )\n\t);\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\treturn useMemo( () => {\n\t\treturn isScrollable \|\| isNested ? (\n\t\t\t<View onLayout={ onLayout }>{ children }</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 onLayout={ onLayout }>\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}, [ children, isFocused, safeAreaBottomInset, listProps ] );\n};\n\nexport default BottomSheetNavigationScreen;\n"]}

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

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

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

	@@ -1 +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,~~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"]}
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"]}

package/build-module/mobile/bottom-sheet/cell.native.js CHANGED Viewed

@@ -94,6 +94,7 @@ class BottomSheetCell extends Component {
       valuePlaceholder = '',
       icon,
       leftAlign,
+      iconStyle = {},
       labelStyle = {},
       valueStyle = {},
       cellContainerStyle = {},
@@ -238,7 +239,7 @@ class BottomSheetCell extends Component {
       _x('%1$s, %2$s, %3$s', 'inline textinput cell'), label, value, help);
     };
-    const iconStyle = getStylesFromColorScheme(styles.icon, styles.iconDark);
+    const iconStyleBase = getStylesFromColorScheme(styles.icon, styles.iconDark);
     const resetButtonStyle = getStylesFromColorScheme(styles.resetButton, styles.resetButtonDark);
     const cellHelpStyle = [styles.cellHelpLabel, isIOS && styles.cellHelpLabelIOS];
     const containerPointerEvents = this.state.isScreenReaderEnabled && accessible ? 'none' : 'auto';
@@ -274,7 +275,8 @@ class BottomSheetCell extends Component {
     }, createElement(Icon, {
       icon: icon,
       size: 24,
-      fill: iconStyle.color,
+      fill: iconStyle.color || iconStyleBase.color,
+      style: iconStyle,
       isPressed: false
     }), createElement(View, {
       style: platformStyles.labelIconSeparator