@wordpress/components 28.9.0 → 28.11.0

package/build-module/menu/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ariakit","css","COLORS","font","rtl","CONFIG","space","Icon","Truncate","ANIMATION_PARAMS","SCALE_AMOUNT_OUTER","SCALE_AMOUNT_CONTENT","DURATION","IN","OUT","EASING","CONTENT_WRAPPER_PADDING","ITEM_PADDING_BLOCK","ITEM_PADDING_INLINE","DEFAULT_BORDER_COLOR","theme","gray","DIVIDER_COLOR","LIGHTER_TEXT_COLOR","LIGHT_BACKGROUND_COLOR","TOOLBAR_VARIANT_BORDER_COLOR","foreground","DEFAULT_BOX_SHADOW","borderWidth","elevationMedium","TOOLBAR_VARIANT_BOX_SHADOW","GRID_TEMPLATE_COLS","MenuPopoverOuterWrapper","_styled","process","env","NODE_ENV","target","label","ui","background","radiusMedium","props","variant","MenuPopoverInnerWrapper","baseItem","radiusSmall","textDisabled","accent","white","MenuItem","MenuCheckboxItem","MenuItemCheckbox","MenuRadioItem","MenuItemRadio","ItemPrefixWrapper","MenuItemContentWrapper","MenuItemChildrenWrapper","ItemSuffixWrapper","MenuGroup","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","MenuGroupLabel","MenuSeparator","SubmenuChevronIcon","transform","MenuItemLabel","MenuItemHelpText"],"sources":["@wordpress/components/src/menu/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, font, rtl, CONFIG } from '../utils';\nimport { space } from '../utils/space';\nimport Icon from '../icon';\nimport { Truncate } from '../truncate';\nimport type { MenuContext } from './types';\n\nconst ANIMATION_PARAMS = {\n\tSCALE_AMOUNT_OUTER: 0.82,\n\tSCALE_AMOUNT_CONTENT: 0.9,\n\tDURATION: {\n\t\tIN: '400ms',\n\t\tOUT: '200ms',\n\t},\n\tEASING: 'cubic-bezier(0.33, 0, 0, 1)',\n};\n\nconst CONTENT_WRAPPER_PADDING = space( 1 );\nconst ITEM_PADDING_BLOCK = space( 2 );\nconst ITEM_PADDING_INLINE = space( 3 );\n\n// TODO:\n// - border color and divider color are different from COLORS.theme variables\n// - lighter text color is not defined in COLORS.theme, should it be?\n// - lighter background color is not defined in COLORS.theme, should it be?\nconst DEFAULT_BORDER_COLOR = COLORS.theme.gray[ 300 ];\nconst DIVIDER_COLOR = COLORS.theme.gray[ 200 ];\nconst LIGHTER_TEXT_COLOR = COLORS.theme.gray[ 700 ];\nconst LIGHT_BACKGROUND_COLOR = COLORS.theme.gray[ 100 ];\nconst TOOLBAR_VARIANT_BORDER_COLOR = COLORS.theme.foreground;\nconst DEFAULT_BOX_SHADOW = `0 0 0 ${ CONFIG.borderWidth } ${ DEFAULT_BORDER_COLOR }, ${ CONFIG.elevationMedium }`;\nconst TOOLBAR_VARIANT_BOX_SHADOW = `0 0 0 ${ CONFIG.borderWidth } ${ TOOLBAR_VARIANT_BORDER_COLOR }`;\n\nconst GRID_TEMPLATE_COLS = 'minmax( 0, max-content ) 1fr';\n\nexport const MenuPopoverOuterWrapper = styled.div<\n\tPick< MenuContext, 'variant' >\n>`\n\tposition: relative;\n\n\tbackground-color: ${ COLORS.ui.background };\n\tborder-radius: ${ CONFIG.radiusMedium };\n\t${ ( props ) => css`\n\t\tbox-shadow: ${ props.variant === 'toolbar'\n\t\t\t? TOOLBAR_VARIANT_BOX_SHADOW\n\t\t\t: DEFAULT_BOX_SHADOW };\n\t` }\n\n\toverflow: hidden;\n\n\t/* Open/close animation (outer wrapper) */\n\t@media not ( prefers-reduced-motion ) {\n\t\ttransition-property: transform, opacity;\n\t\ttransition-timing-function: ${ ANIMATION_PARAMS.EASING };\n\t\ttransition-duration: ${ ANIMATION_PARAMS.DURATION.IN };\n\t\twill-change: transform, opacity;\n\n\t\t/* Regardless of the side, fade in and out. */\n\t\topacity: 0;\n\t\t&:has( [data-enter] ) {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t&:has( [data-leave] ) {\n\t\t\ttransition-duration: ${ ANIMATION_PARAMS.DURATION.OUT };\n\t\t}\n\n\t\t/* For menus opening on top and bottom side, animate the scale Y too. */\n\t\t&:has( [data-side='bottom'] ),\n\t\t&:has( [data-side='top'] ) {\n\t\t\ttransform: scaleY( ${ ANIMATION_PARAMS.SCALE_AMOUNT_OUTER } );\n\t\t}\n\t\t&:has( [data-side='bottom'] ) {\n\t\t\ttransform-origin: top;\n\t\t}\n\t\t&:has( [data-side='top'] ) {\n\t\t\ttransform-origin: bottom;\n\t\t}\n\t\t&:has( [data-enter][data-side='bottom'] ),\n\t\t&:has( [data-enter][data-side='top'] ),\n\t\t/* Do not animate the scaleY when closing the menu */\n\t\t&:has( [data-leave][data-side='bottom'] ),\n\t\t&:has( [data-leave][data-side='top'] ) {\n\t\t\ttransform: scaleY( 1 );\n\t\t}\n\t}\n`;\n\nexport const MenuPopoverInnerWrapper = styled.div`\n\tposition: relative;\n\t/* Same as popover component */\n\t/* TODO: is there a way to read the sass variable? */\n\tz-index: 1000000;\n\n\tdisplay: grid;\n\tgrid-template-columns: ${ GRID_TEMPLATE_COLS };\n\tgrid-template-rows: auto;\n\n\tbox-sizing: border-box;\n\tmin-width: 160px;\n\tmax-width: 320px;\n\tmax-height: var( --popover-available-height );\n\n\tpadding: ${ CONTENT_WRAPPER_PADDING };\n\n\toverscroll-behavior: contain;\n\toverflow: auto;\n\n\t/* Only visible in Windows High Contrast mode */\n\toutline: 2px solid transparent !important;\n\n\t/* Open/close animation (inner content wrapper) */\n\t@media not ( prefers-reduced-motion ) {\n\t\ttransition: inherit;\n\t\ttransform-origin: inherit;\n\n\t\t/*\n\t\t * For menus opening on top and bottom side, animate the scale Y too.\n\t\t * The content scales at a different rate than the outer container:\n\t\t * - first, counter the outer scale factor by doing \"1 / scaleAmountOuter\"\n\t\t * - then, apply the content scale factor.\n\t\t */\n\t\t&[data-side='bottom'],\n\t\t&[data-side='top'] {\n\t\t\ttransform: scaleY(\n\t\t\t\tcalc(\n\t\t\t\t\t1 / ${ ANIMATION_PARAMS.SCALE_AMOUNT_OUTER } *\n\t\t\t\t\t\t${ ANIMATION_PARAMS.SCALE_AMOUNT_CONTENT }\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t\t&[data-enter][data-side='bottom'],\n\t\t&[data-enter][data-side='top'],\n\t\t/* Do not animate the scaleY when closing the menu */\n\t\t&[data-leave][data-side='bottom'],\n\t\t&[data-leave][data-side='top'] {\n\t\t\ttransform: scaleY( 1 );\n\t\t}\n\t}\n`;\n\nconst baseItem = css`\n\tall: unset;\n\n\tposition: relative;\n\tmin-height: ${ space( 10 ) };\n\tbox-sizing: border-box;\n\n\t/* Occupy the width of all grid columns (ie. full width) */\n\tgrid-column: 1 / -1;\n\n\tdisplay: grid;\n\tgrid-template-columns: ${ GRID_TEMPLATE_COLS };\n\talign-items: center;\n\n\t@supports ( grid-template-columns: subgrid ) {\n\t\t/*\n\t\t * Define a grid layout which inherits the same columns configuration\n\t\t * from the parent layout (ie. subgrid). This allows the menu\n\t\t * to synchronize the indentation of all its items.\n\t\t */\n\t\tgrid-template-columns: subgrid;\n\t}\n\n\tfont-size: ${ font( 'default.fontSize' ) };\n\tfont-family: inherit;\n\tfont-weight: normal;\n\tline-height: 20px;\n\n\tcolor: ${ COLORS.theme.foreground };\n\tborder-radius: ${ CONFIG.radiusSmall };\n\n\tpadding-block: ${ ITEM_PADDING_BLOCK };\n\tpadding-inline: ${ ITEM_PADDING_INLINE };\n\n\t/*\n\t * Make sure that, when an item is scrolled into view (eg. while using the\n\t * keyboard to move focus), the whole item comes into view\n\t */\n\tscroll-margin: ${ CONTENT_WRAPPER_PADDING };\n\n\tuser-select: none;\n\toutline: none;\n\n\t&[aria-disabled='true'] {\n\t\tcolor: ${ COLORS.ui.textDisabled };\n\t\tcursor: not-allowed;\n\t}\n\n\t/* Active item (including hover) */\n\t&[data-active-item]:not( [data-focus-visible] ):not(\n\t\t\t[aria-disabled='true']\n\t\t) {\n\t\tbackground-color: ${ COLORS.theme.accent };\n\t\tcolor: ${ COLORS.white };\n\t}\n\n\t/* Keyboard focus (focus-visible) */\n\t&[data-focus-visible] {\n\t\tbox-shadow: 0 0 0 1.5px ${ COLORS.theme.accent };\n\n\t\t/* Only visible in Windows High Contrast mode */\n\t\toutline: 2px solid transparent;\n\t}\n\n\t/* Active (ie. pressed, mouse down) */\n\t&:active,\n\t&[data-active] {\n\t\t/* TODO: should there be a visual active state? */\n\t}\n\n\t/* When the item is the trigger of an open submenu */\n\t${ MenuPopoverInnerWrapper }:not(:focus) &:not(:focus)[aria-expanded=\"true\"] {\n\t\tbackground-color: ${ LIGHT_BACKGROUND_COLOR };\n\t\tcolor: ${ COLORS.theme.foreground };\n\t}\n\n\tsvg {\n\t\tfill: currentColor;\n\t}\n`;\n\nexport const MenuItem = styled( Ariakit.MenuItem )`\n\t${ baseItem };\n`;\n\nexport const MenuCheckboxItem = styled( Ariakit.MenuItemCheckbox )`\n\t${ baseItem };\n`;\n\nexport const MenuRadioItem = styled( Ariakit.MenuItemRadio )`\n\t${ baseItem };\n`;\n\nexport const ItemPrefixWrapper = styled.span`\n\t/* Always occupy the first column, even when auto-collapsing */\n\tgrid-column: 1;\n\n\t/*\n\t * Even when the item is not checked, occupy the same screen space to avoid\n\t * the space collapside when no items are checked.\n\t */\n\t${ MenuCheckboxItem } > &,\n\t${ MenuRadioItem } > & {\n\t\t/* Same width as the check icons */\n\t\tmin-width: ${ space( 6 ) };\n\t}\n\n\t${ MenuCheckboxItem } > &,\n\t${ MenuRadioItem } > &,\n\t&:not( :empty ) {\n\t\tmargin-inline-end: ${ space( 2 ) };\n\t}\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\tcolor: ${ LIGHTER_TEXT_COLOR };\n\n\t/*\n\t* When the parent menu item is active, except when it's a non-focused/hovered\n\t* submenu trigger (in that case, color should not be inherited)\n\t*/\n\t[data-active-item]:not( [data-focus-visible] ) > &,\n\t/* When the parent menu item is disabled */\n\t[aria-disabled='true'] > & {\n\t\tcolor: inherit;\n\t}\n`;\n\nexport const MenuItemContentWrapper = styled.div`\n\t/*\n\t * Always occupy the second column, since the first column\n\t * is taken by the prefix wrapper (when displayed).\n\t */\n\tgrid-column: 2;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tgap: ${ space( 3 ) };\n\n\tpointer-events: none;\n`;\n\nexport const MenuItemChildrenWrapper = styled.div`\n\tflex: 1;\n\n\tdisplay: inline-flex;\n\tflex-direction: column;\n\tgap: ${ space( 1 ) };\n`;\n\nexport const ItemSuffixWrapper = styled.span`\n\tflex: 0 1 fit-content;\n\tmin-width: 0;\n\twidth: fit-content;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgap: ${ space( 3 ) };\n\n\tcolor: ${ LIGHTER_TEXT_COLOR };\n\n\t/*\n\t * When the parent menu item is active, except when it's a non-focused/hovered\n\t * submenu trigger (in that case, color should not be inherited)\n\t */\n\t[data-active-item]:not( [data-focus-visible] ) *:not(${ MenuPopoverInnerWrapper }) &,\n\t/* When the parent menu item is disabled */\n\t[aria-disabled='true'] *:not(${ MenuPopoverInnerWrapper }) & {\n\t\tcolor: inherit;\n\t}\n`;\n\nexport const MenuGroup = styled( Ariakit.MenuGroup )`\n\t/* Ignore this element when calculating the layout. Useful for subgrid */\n\tdisplay: contents;\n`;\n\nexport const MenuGroupLabel = styled( Ariakit.MenuGroupLabel )`\n\t/* Occupy the width of all grid columns (ie. full width) */\n\tgrid-column: 1 / -1;\n\n\tpadding-block-start: ${ space( 3 ) };\n\tpadding-block-end: ${ space( 2 ) };\n\tpadding-inline: ${ ITEM_PADDING_INLINE };\n`;\n\nexport const MenuSeparator = styled( Ariakit.MenuSeparator )<\n\tPick< MenuContext, 'variant' >\n>`\n\t/* Occupy the width of all grid columns (ie. full width) */\n\tgrid-column: 1 / -1;\n\n\tborder: none;\n\theight: ${ CONFIG.borderWidth };\n\tbackground-color: ${ ( props ) =>\n\t\tprops.variant === 'toolbar'\n\t\t\t? TOOLBAR_VARIANT_BORDER_COLOR\n\t\t\t: DIVIDER_COLOR };\n\t/* Align with menu items' content */\n\tmargin-block: ${ space( 2 ) };\n\tmargin-inline: ${ ITEM_PADDING_INLINE };\n\n\t/* Only visible in Windows High Contrast mode */\n\toutline: 2px solid transparent;\n`;\n\nexport const SubmenuChevronIcon = styled( Icon )`\n\twidth: ${ space( 1.5 ) };\n\t${ rtl(\n\t\t{\n\t\t\ttransform: `scaleX(1)`,\n\t\t},\n\t\t{\n\t\t\ttransform: `scaleX(-1)`,\n\t\t}\n\t) };\n`;\n\nexport const MenuItemLabel = styled( Truncate )`\n\tfont-size: ${ font( 'default.fontSize' ) };\n\tline-height: 20px;\n\tcolor: inherit;\n`;\n\nexport const MenuItemHelpText = styled( Truncate )`\n\tfont-size: ${ font( 'helpText.fontSize' ) };\n\tline-height: 16px;\n\tcolor: ${ LIGHTER_TEXT_COLOR };\n\tword-break: break-all;\n\n\t[data-active-item]:not( [data-focus-visible] )\n\t\t*:not( ${ MenuPopoverInnerWrapper } )\n\t\t&,\n\t[aria-disabled='true'] *:not( ${ MenuPopoverInnerWrapper } ) & {\n\t\tcolor: inherit;\n\t}\n`;\n"],"mappings":"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","ignoreList":[]}

package/build-module/menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["@wordpress/components/src/menu/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type * as Ariakit from '@ariakit/react';\nimport type { Placement } from '@floating-ui/react-dom';\n\nexport interface MenuContext {\n\t/**\n\t * The ariakit store shared across all Menu subcomponents.\n\t */\n\tstore: Ariakit.MenuStore;\n\t/**\n\t * The variant used by the underlying menu popover.\n\t */\n\tvariant?: 'toolbar';\n}\n\nexport interface MenuProps {\n\t/**\n\t * The button triggering the menu popover.\n\t */\n\ttrigger: React.ReactElement;\n\t/**\n\t * The contents of the menu (ie. one or more menu items).\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * The open state of the menu popover when it is initially rendered. Use when\n\t * not wanting to control its open state.\n\t *\n\t * @default false\n\t */\n\tdefaultOpen?: boolean;\n\t/**\n\t * The controlled open state of the menu popover. Must be used in conjunction\n\t * with `onOpenChange`.\n\t */\n\topen?: boolean;\n\t/**\n\t * Event handler called when the open state of the menu popover changes.\n\t */\n\tonOpenChange?: ( open: boolean ) => void;\n\t/**\n\t * The modality of the menu popover. When set to true, interaction with\n\t * outside elements will be disabled and only menu content will be visible to\n\t * screen readers.\n\t *\n\t * @default true\n\t */\n\tmodal?: boolean;\n\t/**\n\t * The placement of the menu popover.\n\t *\n\t * @default 'bottom-start' for root-level menus, 'right-start' for nested menus\n\t */\n\tplacement?: Placement;\n\t/**\n\t * The distance between the popover and the anchor element.\n\t *\n\t * @default 8 for root-level menus, 16 for nested menus\n\t */\n\tgutter?: number;\n\t/**\n\t * The skidding of the popover along the anchor element. Can be set to\n\t * negative values to make the popover shift to the opposite side.\n\t *\n\t * @default 0 for root-level menus, -8 for nested menus\n\t */\n\tshift?: number;\n\t/**\n\t * Determines whether the menu popover will be hidden when the user presses\n\t * the Escape key.\n\t *\n\t * @default `( event ) => { event.preventDefault(); return true; }`\n\t */\n\thideOnEscape?:\n\t\t| boolean\n\t\t| ( (\n\t\t\t\tevent: KeyboardEvent | React.KeyboardEvent< Element >\n\t\t  ) => boolean );\n}\n\nexport interface MenuGroupProps {\n\t/**\n\t * The contents of the menu group (ie. an optional menu group label and one\n\t * or more menu items).\n\t */\n\tchildren: React.ReactNode;\n}\n\nexport interface MenuGroupLabelProps {\n\t/**\n\t * The contents of the menu group label.\n\t */\n\tchildren: React.ReactNode;\n}\n\nexport interface MenuItemProps {\n\t/**\n\t * The contents of the menu item.\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * The contents of the menu item's prefix.\n\t */\n\tprefix?: React.ReactNode;\n\t/**\n\t * The contents of the menu item's suffix.\n\t */\n\tsuffix?: React.ReactNode;\n\t/**\n\t * Whether to hide the menu popover when the menu item is clicked.\n\t *\n\t * @default true\n\t */\n\thideOnClick?: boolean;\n\t/**\n\t * Determines if the element is disabled.\n\t */\n\tdisabled?: boolean;\n}\n\nexport interface MenuCheckboxItemProps\n\textends Omit< MenuItemProps, 'prefix' | 'hideOnClick' > {\n\t/**\n\t * Whether to hide the menu popover when the menu item is clicked.\n\t *\n\t * @default false\n\t */\n\thideOnClick?: boolean;\n\t/**\n\t * The checkbox menu item's name.\n\t */\n\tname: string;\n\t/**\n\t * The checkbox item's value, useful when using multiple checkbox menu items\n\t * associated to the same `name`.\n\t */\n\tvalue?: string;\n\t/**\n\t * The controlled checked state of the checkbox menu item.\n\t */\n\tchecked?: boolean;\n\t/**\n\t * The checked state of the checkbox menu item when it is initially rendered.\n\t * Use when not wanting to control its checked state.\n\t */\n\tdefaultChecked?: boolean;\n\t/**\n\t * Event handler called when the checked state of the checkbox menu item changes.\n\t */\n\tonChange?: ( event: React.ChangeEvent< HTMLInputElement > ) => void;\n}\n\nexport interface MenuRadioItemProps\n\textends Omit< MenuItemProps, 'prefix' | 'hideOnClick' > {\n\t/**\n\t * Whether to hide the menu popover when the menu item is clicked.\n\t *\n\t * @default false\n\t */\n\thideOnClick?: boolean;\n\t/**\n\t * The radio item's name.\n\t */\n\tname: string;\n\t/**\n\t * The radio item's value.\n\t */\n\tvalue: string | number;\n\t/**\n\t * The controlled checked state of the radio menu item.\n\t */\n\tchecked?: boolean;\n\t/**\n\t * The checked state of the radio menu item when it is initially rendered.\n\t * Use when not wanting to control its checked state.\n\t */\n\tdefaultChecked?: boolean;\n\t/**\n\t * Event handler called when the checked radio menu item changes.\n\t */\n\tonChange?: ( event: React.ChangeEvent< HTMLInputElement > ) => void;\n}\n\nexport interface MenuSeparatorProps {}\n"],"mappings":"","ignoreList":[]}

package/build-module/menu/use-temporary-focus-visible-fix.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","flushSync","useTemporaryFocusVisibleFix","onBlur","onBlurProp","focusVisible","setFocusVisible","undefined","onFocusVisible","event"],"sources":["@wordpress/components/src/menu/use-temporary-focus-visible-fix.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, flushSync } from '@wordpress/element';\n\nexport function useTemporaryFocusVisibleFix( {\n\tonBlur: onBlurProp,\n}: {\n\tonBlur?: React.FocusEventHandler< HTMLDivElement >;\n} ) {\n\tconst [ focusVisible, setFocusVisible ] = useState( false );\n\treturn {\n\t\t'data-focus-visible': focusVisible || undefined,\n\t\tonFocusVisible: () => {\n\t\t\tflushSync( () => setFocusVisible( true ) );\n\t\t},\n\t\tonBlur: ( ( event ) => {\n\t\t\tonBlurProp?.( event );\n\t\t\tsetFocusVisible( false );\n\t\t} ) as React.FocusEventHandler< HTMLDivElement >,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,oBAAoB;AAExD,OAAO,SAASC,2BAA2BA,CAAE;EAC5CC,MAAM,EAAEC;AAGT,CAAC,EAAG;EACH,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAGN,QAAQ,CAAE,KAAM,CAAC;EAC3D,OAAO;IACN,oBAAoB,EAAEK,YAAY,IAAIE,SAAS;IAC/CC,cAAc,EAAEA,CAAA,KAAM;MACrBP,SAAS,CAAE,MAAMK,eAAe,CAAE,IAAK,CAAE,CAAC;IAC3C,CAAC;IACDH,MAAM,EAAMM,KAAK,IAAM;MACtBL,UAAU,GAAIK,KAAM,CAAC;MACrBH,eAAe,CAAE,KAAM,CAAC;IACzB;EACD,CAAC;AACF","ignoreList":[]}

package/build-module/menu-group/index.js

@@ -12,8 +12,7 @@ import { useInstanceId } from '@wordpress/compose';
 /**
  * Internal dependencies
  */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * `MenuGroup` wraps a series of related `MenuItem` components into a common
  * section.

package/build-module/menu-group/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","Children","useInstanceId","jsx","_jsx","jsxs","_jsxs","MenuGroup","props","children","className","label","hideSeparator","instanceId","count","labelId","classNames","id","role","undefined"],"sources":["@wordpress/components/src/menu-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { MenuGroupProps } from './types';\n\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n *   <MenuGroup label=\"Settings\">\n *     <MenuItem>Setting 1</MenuItem>\n *     <MenuItem>Setting 2</MenuItem>\n *   </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup( props: MenuGroupProps ) {\n\tconst { children, className = '', label, hideSeparator } = props;\n\tconst instanceId = useInstanceId( MenuGroup );\n\n\tif ( ! Children.count( children ) ) {\n\t\treturn null;\n\t}\n\n\tconst labelId = `components-menu-group-label-${ instanceId }`;\n\tconst classNames = clsx( className, 'components-menu-group', {\n\t\t'has-hidden-separator': hideSeparator,\n\t} );\n\n\treturn (\n\t\t<div className={ classNames }>\n\t\t\t{ label && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"components-menu-group__label\"\n\t\t\t\t\tid={ labelId }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div role=\"group\" aria-labelledby={ label ? labelId : undefined }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default MenuGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAEC,KAAqB,EAAG;EAClD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,GAAG,EAAE;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAGJ,KAAK;EAChE,MAAMK,UAAU,GAAGX,aAAa,CAAEK,SAAU,CAAC;EAE7C,IAAK,CAAEN,QAAQ,CAACa,KAAK,CAAEL,QAAS,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,MAAMM,OAAO,GAAI,+BAA+BF,UAAY,EAAC;EAC7D,MAAMG,UAAU,GAAGhB,IAAI,CAAEU,SAAS,EAAE,uBAAuB,EAAE;IAC5D,sBAAsB,EAAEE;EACzB,CAAE,CAAC;EAEH,oBACCN,KAAA;IAAKI,SAAS,EAAGM,UAAY;IAAAP,QAAA,GAC1BE,KAAK,iBACNP,IAAA;MACCM,SAAS,EAAC,8BAA8B;MACxCO,EAAE,EAAGF,OAAS;MACd,eAAY,MAAM;MAAAN,QAAA,EAEhBE;IAAK,CACH,CACL,eACDP,IAAA;MAAKc,IAAI,EAAC,OAAO;MAAC,mBAAkBP,KAAK,GAAGI,OAAO,GAAGI,SAAW;MAAAV,QAAA,EAC9DA;IAAQ,CACN,CAAC;EAAA,CACF,CAAC;AAER;AAEA,eAAeF,SAAS","ignoreList":[]}
+{"version":3,"names":["clsx","Children","useInstanceId","jsx","_jsx","jsxs","_jsxs","MenuGroup","props","children","className","label","hideSeparator","instanceId","count","labelId","classNames","id","role","undefined"],"sources":["@wordpress/components/src/menu-group/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport type { MenuGroupProps } from './types';\n\n/**\n * `MenuGroup` wraps a series of related `MenuItem` components into a common\n * section.\n *\n * ```jsx\n * import { MenuGroup, MenuItem } from '@wordpress/components';\n *\n * const MyMenuGroup = () => (\n *   <MenuGroup label=\"Settings\">\n *     <MenuItem>Setting 1</MenuItem>\n *     <MenuItem>Setting 2</MenuItem>\n *   </MenuGroup>\n * );\n * ```\n */\nexport function MenuGroup( props: MenuGroupProps ) {\n\tconst { children, className = '', label, hideSeparator } = props;\n\tconst instanceId = useInstanceId( MenuGroup );\n\n\tif ( ! Children.count( children ) ) {\n\t\treturn null;\n\t}\n\n\tconst labelId = `components-menu-group-label-${ instanceId }`;\n\tconst classNames = clsx( className, 'components-menu-group', {\n\t\t'has-hidden-separator': hideSeparator,\n\t} );\n\n\treturn (\n\t\t<div className={ classNames }>\n\t\t\t{ label && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"components-menu-group__label\"\n\t\t\t\t\tid={ labelId }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div role=\"group\" aria-labelledby={ label ? labelId : undefined }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default MenuGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,aAAa,QAAQ,oBAAoB;;AAElD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAEC,KAAqB,EAAG;EAClD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,GAAG,EAAE;IAAEC,KAAK;IAAEC;EAAc,CAAC,GAAGJ,KAAK;EAChE,MAAMK,UAAU,GAAGX,aAAa,CAAEK,SAAU,CAAC;EAE7C,IAAK,CAAEN,QAAQ,CAACa,KAAK,CAAEL,QAAS,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,MAAMM,OAAO,GAAG,+BAAgCF,UAAU,EAAG;EAC7D,MAAMG,UAAU,GAAGhB,IAAI,CAAEU,SAAS,EAAE,uBAAuB,EAAE;IAC5D,sBAAsB,EAAEE;EACzB,CAAE,CAAC;EAEH,oBACCN,KAAA;IAAKI,SAAS,EAAGM,UAAY;IAAAP,QAAA,GAC1BE,KAAK,iBACNP,IAAA;MACCM,SAAS,EAAC,8BAA8B;MACxCO,EAAE,EAAGF,OAAS;MACd,eAAY,MAAM;MAAAN,QAAA,EAEhBE;IAAK,CACH,CACL,eACDP,IAAA;MAAKc,IAAI,EAAC,OAAO;MAAC,mBAAkBP,KAAK,GAAGI,OAAO,GAAGI,SAAW;MAAAV,QAAA,EAC9DA;IAAQ,CACN,CAAC;EAAA,CACF,CAAC;AAER;AAEA,eAAeF,SAAS","ignoreList":[]}

package/build-module/menu-item/index.js

@@ -15,8 +15,7 @@ import { cloneElement, forwardRef } from '@wordpress/element';
 import Shortcut from '../shortcut';
 import Button from '../button';
 import Icon from '../icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function UnforwardedMenuItem(props, ref) {
   let {
     children,

package/build-module/menu-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","cloneElement","forwardRef","Shortcut","Button","Icon","jsx","_jsx","jsxs","_jsxs","UnforwardedMenuItem","props","ref","children","info","className","icon","iconPosition","shortcut","isSelected","role","suffix","buttonProps","undefined","MenuItem"],"sources":["@wordpress/components/src/menu-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from '../shortcut';\nimport Button from '../button';\nimport Icon from '../icon';\nimport type { WordPressComponentProps } from '../context';\nimport type { MenuItemProps } from './types';\n\nfunction UnforwardedMenuItem(\n\tprops: WordPressComponentProps< MenuItemProps, 'button', false >,\n\tref: ForwardedRef< HTMLButtonElement >\n) {\n\tlet {\n\t\tchildren,\n\t\tinfo,\n\t\tclassName,\n\t\ticon,\n\t\ticonPosition = 'right',\n\t\tshortcut,\n\t\tisSelected,\n\t\trole = 'menuitem',\n\t\tsuffix,\n\t\t...buttonProps\n\t} = props;\n\n\tclassName = clsx( 'components-menu-item__button', className );\n\n\tif ( info ) {\n\t\tchildren = (\n\t\t\t<span className=\"components-menu-item__info-wrapper\">\n\t\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t\t<span className=\"components-menu-item__info\">{ info }</span>\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif ( icon && typeof icon !== 'string' ) {\n\t\ticon = cloneElement( icon, {\n\t\t\tclassName: clsx( 'components-menu-items__item-icon', {\n\t\t\t\t'has-icon-right': iconPosition === 'right',\n\t\t\t} ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tref={ ref }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\trole === 'menuitemcheckbox' || role === 'menuitemradio'\n\t\t\t\t\t? isSelected\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\trole={ role }\n\t\t\ticon={ iconPosition === 'left' ? icon : undefined }\n\t\t\tclassName={ className }\n\t\t\t{ ...buttonProps }\n\t\t>\n\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t{ ! suffix && (\n\t\t\t\t<Shortcut\n\t\t\t\t\tclassName=\"components-menu-item__shortcut\"\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! suffix && icon && iconPosition === 'right' && (\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t) }\n\t\t\t{ suffix }\n\t\t</Button>\n\t);\n}\n\n/**\n * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n *\n * ```jsx\n * import { MenuItem } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItem = () => {\n * \tconst [ isActive, setIsActive ] = useState( true );\n *\n * \treturn (\n * \t\t<MenuItem\n * \t\t\ticon={ isActive ? 'yes' : 'no' }\n * \t\t\tisSelected={ isActive }\n * \t\t\trole=\"menuitemcheckbox\"\n * \t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n * \t\t>\n * \t\t\tToggle\n * \t\t</MenuItem>\n * \t);\n * };\n * ```\n */\nexport const MenuItem = forwardRef( UnforwardedMenuItem );\n\nexport default MenuItem;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,YAAY,EAAEC,UAAU,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,IAAI,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAI3B,SAASC,mBAAmBA,CAC3BC,KAAgE,EAChEC,GAAsC,EACrC;EACD,IAAI;IACHC,QAAQ;IACRC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,QAAQ;IACRC,UAAU;IACVC,IAAI,GAAG,UAAU;IACjBC,MAAM;IACN,GAAGC;EACJ,CAAC,GAAGX,KAAK;EAETI,SAAS,GAAGf,IAAI,CAAE,8BAA8B,EAAEe,SAAU,CAAC;EAE7D,IAAKD,IAAI,EAAG;IACXD,QAAQ,gBACPJ,KAAA;MAAMM,SAAS,EAAC,oCAAoC;MAAAF,QAAA,gBACnDN,IAAA;QAAMQ,SAAS,EAAC,4BAA4B;QAAAF,QAAA,EAAGA;MAAQ,CAAQ,CAAC,eAChEN,IAAA;QAAMQ,SAAS,EAAC,4BAA4B;QAAAF,QAAA,EAAGC;MAAI,CAAQ,CAAC;IAAA,CACvD,CACN;EACF;EAEA,IAAKE,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAG;IACvCA,IAAI,GAAGf,YAAY,CAAEe,IAAI,EAAE;MAC1BD,SAAS,EAAEf,IAAI,CAAE,kCAAkC,EAAE;QACpD,gBAAgB,EAAEiB,YAAY,KAAK;MACpC,CAAE;IACH,CAAE,CAAC;EACJ;EAEA,oBACCR,KAAA,CAACL,MAAM;IACNQ,GAAG,EAAGA;IACN;IAAA;IACA,gBACCQ,IAAI,KAAK,kBAAkB,IAAIA,IAAI,KAAK,eAAe,GACpDD,UAAU,GACVI,SACH;IACDH,IAAI,EAAGA,IAAM;IACbJ,IAAI,EAAGC,YAAY,KAAK,MAAM,GAAGD,IAAI,GAAGO,SAAW;IACnDR,SAAS,EAAGA,SAAW;IAAA,GAClBO,WAAW;IAAAT,QAAA,gBAEhBN,IAAA;MAAMQ,SAAS,EAAC,4BAA4B;MAAAF,QAAA,EAAGA;IAAQ,CAAQ,CAAC,EAC9D,CAAEQ,MAAM,iBACTd,IAAA,CAACJ,QAAQ;MACRY,SAAS,EAAC,gCAAgC;MAC1CG,QAAQ,EAAGA;IAAU,CACrB,CACD,EACC,CAAEG,MAAM,IAAIL,IAAI,IAAIC,YAAY,KAAK,OAAO,iBAC7CV,IAAA,CAACF,IAAI;MAACW,IAAI,EAAGA;IAAM,CAAE,CACrB,EACCK,MAAM;EAAA,CACD,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,QAAQ,GAAGtB,UAAU,CAAEQ,mBAAoB,CAAC;AAEzD,eAAec,QAAQ","ignoreList":[]}
+{"version":3,"names":["clsx","cloneElement","forwardRef","Shortcut","Button","Icon","jsx","_jsx","jsxs","_jsxs","UnforwardedMenuItem","props","ref","children","info","className","icon","iconPosition","shortcut","isSelected","role","suffix","buttonProps","undefined","MenuItem"],"sources":["@wordpress/components/src/menu-item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { cloneElement, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from '../shortcut';\nimport Button from '../button';\nimport Icon from '../icon';\nimport type { WordPressComponentProps } from '../context';\nimport type { MenuItemProps } from './types';\n\nfunction UnforwardedMenuItem(\n\tprops: WordPressComponentProps< MenuItemProps, 'button', false >,\n\tref: ForwardedRef< HTMLButtonElement >\n) {\n\tlet {\n\t\tchildren,\n\t\tinfo,\n\t\tclassName,\n\t\ticon,\n\t\ticonPosition = 'right',\n\t\tshortcut,\n\t\tisSelected,\n\t\trole = 'menuitem',\n\t\tsuffix,\n\t\t...buttonProps\n\t} = props;\n\n\tclassName = clsx( 'components-menu-item__button', className );\n\n\tif ( info ) {\n\t\tchildren = (\n\t\t\t<span className=\"components-menu-item__info-wrapper\">\n\t\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t\t<span className=\"components-menu-item__info\">{ info }</span>\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif ( icon && typeof icon !== 'string' ) {\n\t\ticon = cloneElement( icon, {\n\t\t\tclassName: clsx( 'components-menu-items__item-icon', {\n\t\t\t\t'has-icon-right': iconPosition === 'right',\n\t\t\t} ),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tref={ ref }\n\t\t\t// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked\n\t\t\taria-checked={\n\t\t\t\trole === 'menuitemcheckbox' || role === 'menuitemradio'\n\t\t\t\t\t? isSelected\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\trole={ role }\n\t\t\ticon={ iconPosition === 'left' ? icon : undefined }\n\t\t\tclassName={ className }\n\t\t\t{ ...buttonProps }\n\t\t>\n\t\t\t<span className=\"components-menu-item__item\">{ children }</span>\n\t\t\t{ ! suffix && (\n\t\t\t\t<Shortcut\n\t\t\t\t\tclassName=\"components-menu-item__shortcut\"\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ! suffix && icon && iconPosition === 'right' && (\n\t\t\t\t<Icon icon={ icon } />\n\t\t\t) }\n\t\t\t{ suffix }\n\t\t</Button>\n\t);\n}\n\n/**\n * MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.\n *\n * ```jsx\n * import { MenuItem } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyMenuItem = () => {\n * \tconst [ isActive, setIsActive ] = useState( true );\n *\n * \treturn (\n * \t\t<MenuItem\n * \t\t\ticon={ isActive ? 'yes' : 'no' }\n * \t\t\tisSelected={ isActive }\n * \t\t\trole=\"menuitemcheckbox\"\n * \t\t\tonClick={ () => setIsActive( ( state ) => ! state ) }\n * \t\t>\n * \t\t\tToggle\n * \t\t</MenuItem>\n * \t);\n * };\n * ```\n */\nexport const MenuItem = forwardRef( UnforwardedMenuItem );\n\nexport default MenuItem;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,YAAY,EAAEC,UAAU,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,IAAI,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAI3B,SAASC,mBAAmBA,CAC3BC,KAAgE,EAChEC,GAAsC,EACrC;EACD,IAAI;IACHC,QAAQ;IACRC,IAAI;IACJC,SAAS;IACTC,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,QAAQ;IACRC,UAAU;IACVC,IAAI,GAAG,UAAU;IACjBC,MAAM;IACN,GAAGC;EACJ,CAAC,GAAGX,KAAK;EAETI,SAAS,GAAGf,IAAI,CAAE,8BAA8B,EAAEe,SAAU,CAAC;EAE7D,IAAKD,IAAI,EAAG;IACXD,QAAQ,gBACPJ,KAAA;MAAMM,SAAS,EAAC,oCAAoC;MAAAF,QAAA,gBACnDN,IAAA;QAAMQ,SAAS,EAAC,4BAA4B;QAAAF,QAAA,EAAGA;MAAQ,CAAQ,CAAC,eAChEN,IAAA;QAAMQ,SAAS,EAAC,4BAA4B;QAAAF,QAAA,EAAGC;MAAI,CAAQ,CAAC;IAAA,CACvD,CACN;EACF;EAEA,IAAKE,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAG;IACvCA,IAAI,GAAGf,YAAY,CAAEe,IAAI,EAAE;MAC1BD,SAAS,EAAEf,IAAI,CAAE,kCAAkC,EAAE;QACpD,gBAAgB,EAAEiB,YAAY,KAAK;MACpC,CAAE;IACH,CAAE,CAAC;EACJ;EAEA,oBACCR,KAAA,CAACL,MAAM;IACNQ,GAAG,EAAGA;IACN;IAAA;IACA,gBACCQ,IAAI,KAAK,kBAAkB,IAAIA,IAAI,KAAK,eAAe,GACpDD,UAAU,GACVI,SACH;IACDH,IAAI,EAAGA,IAAM;IACbJ,IAAI,EAAGC,YAAY,KAAK,MAAM,GAAGD,IAAI,GAAGO,SAAW;IACnDR,SAAS,EAAGA,SAAW;IAAA,GAClBO,WAAW;IAAAT,QAAA,gBAEhBN,IAAA;MAAMQ,SAAS,EAAC,4BAA4B;MAAAF,QAAA,EAAGA;IAAQ,CAAQ,CAAC,EAC9D,CAAEQ,MAAM,iBACTd,IAAA,CAACJ,QAAQ;MACRY,SAAS,EAAC,gCAAgC;MAC1CG,QAAQ,EAAGA;IAAU,CACrB,CACD,EACC,CAAEG,MAAM,IAAIL,IAAI,IAAIC,YAAY,KAAK,OAAO,iBAC7CV,IAAA,CAACF,IAAI;MAACW,IAAI,EAAGA;IAAM,CAAE,CACrB,EACCK,MAAM;EAAA,CACD,CAAC;AAEX;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,QAAQ,GAAGtB,UAAU,CAAEQ,mBAAoB,CAAC;AAEzD,eAAec,QAAQ","ignoreList":[]}

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

@@ -7,8 +7,7 @@ import { check } from '@wordpress/icons';
  * Internal dependencies
  */
 import MenuItem from '../menu-item';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const noop = () => {};
 
 /**

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

@@ -1 +1 @@
-{"version":3,"names":["check","MenuItem","jsx","_jsx","Fragment","_Fragment","noop","MenuItemsChoice","choices","onHover","onSelect","value","children","map","item","isSelected","role","disabled","icon","info","shortcut","className","onClick","onMouseEnter","onMouseLeave","label"],"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"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\tdisabled={ item.disabled }\n\t\t\t\t\t\ticon={ isSelected ? check : null }\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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAGpC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;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,eAAeA,CAAE;EACzBC,OAAO,GAAG,EAAE;EACZC,OAAO,GAAGH,IAAI;EACdI,QAAQ;EACRC;AACqB,CAAC,EAAG;EACzB,oBACCR,IAAA,CAAAE,SAAA;IAAAO,QAAA,EACGJ,OAAO,CAACK,GAAG,CAAIC,IAAI,IAAM;MAC1B,MAAMC,UAAU,GAAGJ,KAAK,KAAKG,IAAI,CAACH,KAAK;MACvC,oBACCR,IAAA,CAACF,QAAQ;QAERe,IAAI,EAAC,eAAe;QACpBC,QAAQ,EAAGH,IAAI,CAACG,QAAU;QAC1BC,IAAI,EAAGH,UAAU,GAAGf,KAAK,GAAG,IAAM;QAClCmB,IAAI,EAAGL,IAAI,CAACK,IAAM;QAClBJ,UAAU,EAAGA,UAAY;QACzBK,QAAQ,EAAGN,IAAI,CAACM,QAAU;QAC1BC,SAAS,EAAC,8BAA8B;QACxCC,OAAO,EAAGA,CAAA,KAAM;UACf,IAAK,CAAEP,UAAU,EAAG;YACnBL,QAAQ,CAAEI,IAAI,CAACH,KAAM,CAAC;UACvB;QACD,CAAG;QACHY,YAAY,EAAGA,CAAA,KAAMd,OAAO,CAAEK,IAAI,CAACH,KAAM,CAAG;QAC5Ca,YAAY,EAAGA,CAAA,KAAMf,OAAO,CAAE,IAAK,CAAG;QACtC,cAAaK,IAAI,CAAE,YAAY,CAAI;QAAAF,QAAA,EAEjCE,IAAI,CAACW;MAAK,GAjBNX,IAAI,CAACH,KAkBF,CAAC;IAEb,CAAE;EAAC,CACF,CAAC;AAEL;AAEA,eAAeJ,eAAe","ignoreList":[]}
+{"version":3,"names":["check","MenuItem","jsx","_jsx","Fragment","_Fragment","noop","MenuItemsChoice","choices","onHover","onSelect","value","children","map","item","isSelected","role","disabled","icon","info","shortcut","className","onClick","onMouseEnter","onMouseLeave","label"],"sources":["@wordpress/components/src/menu-items-choice/index.tsx"],"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\tdisabled={ item.disabled }\n\t\t\t\t\t\ticon={ isSelected ? check : null }\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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGpC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;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,eAAeA,CAAE;EACzBC,OAAO,GAAG,EAAE;EACZC,OAAO,GAAGH,IAAI;EACdI,QAAQ;EACRC;AACqB,CAAC,EAAG;EACzB,oBACCR,IAAA,CAAAE,SAAA;IAAAO,QAAA,EACGJ,OAAO,CAACK,GAAG,CAAIC,IAAI,IAAM;MAC1B,MAAMC,UAAU,GAAGJ,KAAK,KAAKG,IAAI,CAACH,KAAK;MACvC,oBACCR,IAAA,CAACF,QAAQ;QAERe,IAAI,EAAC,eAAe;QACpBC,QAAQ,EAAGH,IAAI,CAACG,QAAU;QAC1BC,IAAI,EAAGH,UAAU,GAAGf,KAAK,GAAG,IAAM;QAClCmB,IAAI,EAAGL,IAAI,CAACK,IAAM;QAClBJ,UAAU,EAAGA,UAAY;QACzBK,QAAQ,EAAGN,IAAI,CAACM,QAAU;QAC1BC,SAAS,EAAC,8BAA8B;QACxCC,OAAO,EAAGA,CAAA,KAAM;UACf,IAAK,CAAEP,UAAU,EAAG;YACnBL,QAAQ,CAAEI,IAAI,CAACH,KAAM,CAAC;UACvB;QACD,CAAG;QACHY,YAAY,EAAGA,CAAA,KAAMd,OAAO,CAAEK,IAAI,CAACH,KAAM,CAAG;QAC5Ca,YAAY,EAAGA,CAAA,KAAMf,OAAO,CAAE,IAAK,CAAG;QACtC,cAAaK,IAAI,CAAE,YAAY,CAAI;QAAAF,QAAA,EAEjCE,IAAI,CAACW;MAAK,GAjBNX,IAAI,CAACH,KAkBF,CAAC;IAEb,CAAE;EAAC,CACF,CAAC;AAEL;AAEA,eAAeJ,eAAe","ignoreList":[]}

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

@@ -12,9 +12,7 @@ import { withPreferredColorScheme } from '@wordpress/compose';
  * Internal dependencies
  */
 import styles from './style.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const Badge = ({
   label,
   children,

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","withPreferredColorScheme","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Badge","label","children","show","style","badgeContainer","badge"],"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,oBACCJ,KAAA,CAAAF,SAAA;IAAAK,QAAA,GACGA,QAAQ,eACVP,IAAA,CAACL,IAAI;MAACc,KAAK,EAAGX,MAAM,CAACY,cAAgB;MAAAH,QAAA,EAClCC,IAAI,iBAAIR,IAAA,CAACJ,IAAI;QAACa,KAAK,EAAGX,MAAM,CAACa,KAAO;QAAAJ,QAAA,EAAGD;MAAK,CAAQ;IAAC,CAClD,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeT,wBAAwB,CAAEQ,KAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["View","Text","withPreferredColorScheme","styles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Badge","label","children","show","style","badgeContainer","badge"],"sources":["@wordpress/components/src/mobile/badge/index.native.js"],"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"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;;AAEzC;AACA;AACA;AACA,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAElC,MAAMC,KAAK,GAAGA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAM;EACrD,oBACCJ,KAAA,CAAAF,SAAA;IAAAK,QAAA,GACGA,QAAQ,eACVP,IAAA,CAACL,IAAI;MAACc,KAAK,EAAGX,MAAM,CAACY,cAAgB;MAAAH,QAAA,EAClCC,IAAI,iBAAIR,IAAA,CAACJ,IAAI;QAACa,KAAK,EAAGX,MAAM,CAACa,KAAO;QAAAJ,QAAA,EAAGD;MAAK,CAAQ;IAAC,CAClD,CAAC;EAAA,CACN,CAAC;AAEL,CAAC;AAED,eAAeT,wBAAwB,CAAEQ,KAAM,CAAC","ignoreList":[]}

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

@@ -16,8 +16,7 @@ import { useRef, useCallback, useContext, useMemo } from '@wordpress/element';
 import { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';
 import { BottomSheetContext } from '../bottom-sheet-context';
 import styles from './styles.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const BottomSheetNavigationScreen = ({
   children,
   fullScreen,
@@ -64,9 +63,9 @@ const BottomSheetNavigationScreen = ({
      * callbacks triggered based upon which screen is currently active.
      *
      * Related: https://github.com/WordPress/gutenberg/pull/36328#discussion_r768897546
+     *
+     * Also see https://github.com/WordPress/gutenberg/pull/41166.
      */
-    // see https://github.com/WordPress/gutenberg/pull/41166
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []));
   useFocusEffect(useCallback(() => {
     if (fullScreen) {
@@ -112,9 +111,7 @@ const BottomSheetNavigationScreen = ({
         })
       })
     });
-    // Disable reason: deferring this refactor to the native team.
-    // see https://github.com/WordPress/gutenberg/pull/41166
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+    // See https://github.com/WordPress/gutenberg/pull/41166
   }, [children, isFocused, safeAreaBottomInset, listProps, name, isScrollable, isNested, onLayout]);
 };
 export default BottomSheetNavigationScreen;

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

@@ -1 +1 @@
-{"version":3,"names":["useIsFocused","useNavigation","useFocusEffect","ScrollView","TouchableHighlight","useWindowDimensions","View","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","BottomSheetContext","styles","jsx","_jsx","jsxs","_jsxs","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","height","windowHeight","setHeight","canGoBack","goBack","current","onLayout","nativeEvent","layout","testID","accessible","style","scrollableContent","paddingBottom"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\n\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-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 maxHeight = useRef( 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\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\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://react.dev/reference/react/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( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\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\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useIsFocused","useNavigation","useFocusEffect","ScrollView","TouchableHighlight","useWindowDimensions","View","useRef","useCallback","useContext","useMemo","BottomSheetNavigationContext","BottomSheetContext","styles","jsx","_jsx","jsxs","_jsxs","BottomSheetNavigationScreen","children","fullScreen","isScrollable","isNested","name","navigation","maxHeight","isFocused","onHandleHardwareButtonPress","shouldEnableBottomSheetMaxHeight","setIsFullScreen","listProps","safeAreaBottomInset","height","windowHeight","setHeight","canGoBack","goBack","current","onLayout","nativeEvent","layout","testID","accessible","style","scrollableContent","paddingBottom"],"sources":["@wordpress/components/src/mobile/bottom-sheet/bottom-sheet-navigation/navigation-screen.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tuseIsFocused,\n\tuseNavigation,\n\tuseFocusEffect,\n} from '@react-navigation/native';\nimport {\n\tScrollView,\n\tTouchableHighlight,\n\tuseWindowDimensions,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\n\nimport { useRef, useCallback, useContext, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { BottomSheetNavigationContext } from './bottom-sheet-navigation-context';\nimport { BottomSheetContext } from '../bottom-sheet-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 maxHeight = useRef( 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\tconst { height: windowHeight } = useWindowDimensions();\n\n\tconst { setHeight } = useContext( BottomSheetNavigationContext );\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://react.dev/reference/react/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 * Also see https://github.com/WordPress/gutenberg/pull/41166.\n\t\t\t */\n\t\t}, [] )\n\t);\n\n\tuseFocusEffect(\n\t\tuseCallback( () => {\n\t\t\tif ( fullScreen ) {\n\t\t\t\tsetHeight( windowHeight );\n\t\t\t\tsetIsFullScreen( true );\n\t\t\t} else if ( maxHeight.current !== 0 ) {\n\t\t\t\tsetIsFullScreen( false );\n\t\t\t\tsetHeight( maxHeight.current );\n\t\t\t}\n\t\t\treturn () => {};\n\t\t}, [ fullScreen, setHeight, setIsFullScreen, windowHeight ] )\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\t\tif ( maxHeight.current !== height && isFocused ) {\n\t\t\tmaxHeight.current = height;\n\t\t\tsetHeight( 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// See https://github.com/WordPress/gutenberg/pull/41166\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"],"mappings":"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","ignoreList":[]}

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

@@ -19,8 +19,7 @@ import platformStyles from './cellStyles.scss';
 import TouchableRipple from './ripple';
 import LockIcon from './lock-icon';
 import Icon from '../../icon';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const isIOS = Platform.OS === 'ios';
 class BottomSheetCell extends Component {
   constructor(props) {
@@ -212,15 +211,15 @@ class BottomSheetCell extends Component {
         return accessibilityLabel || label;
       }
       if (!value) {
-        return !help ? sprintf( /* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */
+        return !help ? sprintf(/* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */
         _x('%s. Empty', 'inline textinput cell'), label) :
         // Separating by ',' is necessary to make a pause on urls (non-capitalized text)
-        sprintf( /* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */
+        sprintf(/* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */
         _x('%1$s, %2$s. Empty', 'inline textinput cell'), label, help);
       }
-      return !help ? sprintf( /* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */
+      return !help ? sprintf(/* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */
       _x('%1$s, %2$s', 'inline textinput cell'), label, value) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)
-      : sprintf( /* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */
+      : sprintf(/* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */
       _x('%1$s, %2$s, %3$s', 'inline textinput cell'), label, value, help);
     };
     const iconStyleBase = getStylesFromColorScheme(styles.icon, styles.iconDark);

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

@@ -1 +1 @@
-{"version":3,"names":["TouchableOpacity","Text","View","TextInput","I18nManager","AccessibilityInfo","Platform","check","Component","__","_x","sprintf","withPreferredColorScheme","styles","platformStyles","TouchableRipple","LockIcon","Icon","jsx","_jsx","jsxs","_jsxs","isIOS","OS","BottomSheetCell","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","disabledStyle","cellDisabled","showLockIcon","activeOpacity","onPress","onLongPress","label","subLabel","value","valuePlaceholder","icon","leftAlign","iconStyle","labelStyle","valueStyle","cellContainerStyle","cellRowContainerStyle","onChangeValue","onSubmit","children","editable","isSelected","separatorType","style","getStylesFromColorScheme","customActionButton","borderless","help","valueProps","showValue","undefined","isValueEditable","cellLabelStyle","cellLabel","cellTextDark","cellLabelCenteredStyle","cellLabelCentered","cellLabelLeftAlignNoIconStyle","cellLabelLeftAlignNoIcon","defaultMissingIconAndValue","defaultLabelStyle","defaultSubLabelStyleText","cellSubLabelText","cellSubLabelTextDark","drawSeparator","separatorStyle","drawTopSeparator","cellContainerStyles","cellContainer","rowContainerStyles","cellRowContainer","isInteractive","onCellPress","startEditing","finishEditing","defaultSeparatorStyle","separator","separatorDark","cellSeparatorStyle","cellSeparator","cellSeparatorDark","leftMarginStyle","separatorMarginLeft","getValueComponent","styleRTL","isRTL","cellValueRTL","cellValueStyle","cellValue","textInputStyle","placeholderTextColor","placeholderColorDisabled","placeholderColorDisabledDark","color","placeholderColor","textStyle","shouldShowPlaceholder","ref","c","numberOfLines","placeholder","onChangeText","pointerEvents","onFocus","onBlur","onSubmitEditing","ellipsizeMode","getAccessibilityLabel","iconStyleBase","iconDark","resetButtonStyle","resetButton","resetButtonDark","cellHelpStyle","cellHelpLabel","cellHelpLabelIOS","containerPointerEvents","title","handler","opacity","clipToBounds","cellRowIcon","lock","size","fill","isPressed","labelIconSeparator","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tTouchableOpacity,\n\tText,\n\tView,\n\tTextInput,\n\tI18nManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport platformStyles from './cellStyles.scss';\nimport TouchableRipple from './ripple';\nimport LockIcon from './lock-icon';\nimport Icon from '../../icon';\n\nconst isIOS = Platform.OS === 'ios';\nclass BottomSheetCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\tisEditingValue: props.autoFocus || false,\n\t\t\tisScreenReaderEnabled: false,\n\t\t};\n\n\t\tthis.handleScreenReaderToggled =\n\t\t\tthis.handleScreenReaderToggled.bind( this );\n\n\t\tthis.isCurrent = false;\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tif ( ! prevState.isEditingValue && this.state.isEditingValue ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.isCurrent = true;\n\t\tthis.a11yInfoChangeSubscription = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tthis.handleScreenReaderToggled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( isScreenReaderEnabled ) => {\n\t\t\t\tif ( this.isCurrent && isScreenReaderEnabled ) {\n\t\t\t\t\tthis.setState( { isScreenReaderEnabled } );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.isCurrent = false;\n\t\tthis.a11yInfoChangeSubscription.remove();\n\t}\n\n\thandleScreenReaderToggled( isScreenReaderEnabled ) {\n\t\tthis.setState( { isScreenReaderEnabled } );\n\t}\n\n\ttypeToKeyboardType( type, step ) {\n\t\tlet keyboardType = `default`;\n\t\tif ( type === `number` ) {\n\t\t\tif ( step && Math.abs( step ) < 1 ) {\n\t\t\t\tkeyboardType = `decimal-pad`;\n\t\t\t} else {\n\t\t\t\tkeyboardType = `number-pad`;\n\t\t\t}\n\t\t}\n\t\treturn keyboardType;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\taccessible,\n\t\t\taccessibilityLabel,\n\t\t\taccessibilityHint,\n\t\t\taccessibilityRole,\n\t\t\tdisabled = false,\n\t\t\tdisabledStyle = styles.cellDisabled,\n\t\t\tshowLockIcon = true,\n\t\t\tactiveOpacity,\n\t\t\tonPress,\n\t\t\tonLongPress,\n\t\t\tlabel,\n\t\t\tsubLabel,\n\t\t\tvalue,\n\t\t\tvaluePlaceholder = '',\n\t\t\ticon,\n\t\t\tleftAlign,\n\t\t\ticonStyle = {},\n\t\t\tlabelStyle = {},\n\t\t\tvalueStyle = {},\n\t\t\tcellContainerStyle = {},\n\t\t\tcellRowContainerStyle = {},\n\t\t\tonChangeValue,\n\t\t\tonSubmit,\n\t\t\tchildren,\n\t\t\teditable = true,\n\t\t\tisSelected = false,\n\t\t\tseparatorType,\n\t\t\tstyle = {},\n\t\t\tgetStylesFromColorScheme,\n\t\t\tcustomActionButton,\n\t\t\ttype,\n\t\t\tstep,\n\t\t\tborderless,\n\t\t\thelp,\n\t\t\t...valueProps\n\t\t} = this.props;\n\n\t\tconst showValue = value !== undefined;\n\t\tconst isValueEditable = editable && onChangeValue !== undefined;\n\t\tconst cellLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabel,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelCenteredStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelCentered,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelLeftAlignNoIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelLeftAlignNoIcon,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst defaultMissingIconAndValue = leftAlign\n\t\t\t? cellLabelLeftAlignNoIconStyle\n\t\t\t: cellLabelCenteredStyle;\n\t\tconst defaultLabelStyle =\n\t\t\tshowValue || customActionButton || icon\n\t\t\t\t? cellLabelStyle\n\t\t\t\t: defaultMissingIconAndValue;\n\n\t\tconst defaultSubLabelStyleText = getStylesFromColorScheme(\n\t\t\tstyles.cellSubLabelText,\n\t\t\tstyles.cellSubLabelTextDark\n\t\t);\n\n\t\tconst drawSeparator =\n\t\t\t( separatorType && separatorType !== 'none' ) ||\n\t\t\tseparatorStyle === undefined;\n\t\tconst drawTopSeparator =\n\t\t\tdrawSeparator && separatorType === 'topFullWidth';\n\n\t\tconst cellContainerStyles = [\n\t\t\tstyles.cellContainer,\n\t\t\tcellContainerStyle,\n\t\t];\n\t\tconst rowContainerStyles = [\n\t\t\tstyles.cellRowContainer,\n\t\t\tcellRowContainerStyle,\n\t\t];\n\n\t\tconst isInteractive =\n\t\t\tisValueEditable ||\n\t\t\tonPress !== undefined ||\n\t\t\tonLongPress !== undefined;\n\n\t\tconst onCellPress = () => {\n\t\t\tif ( isValueEditable ) {\n\t\t\t\tstartEditing();\n\t\t\t} else if ( onPress !== undefined ) {\n\t\t\t\tonPress();\n\t\t\t}\n\t\t};\n\n\t\tconst finishEditing = () => {\n\t\t\tthis.setState( { isEditingValue: false } );\n\t\t};\n\n\t\tconst startEditing = () => {\n\t\t\tif ( this.state.isEditingValue === false ) {\n\t\t\t\tthis.setState( { isEditingValue: true } );\n\t\t\t}\n\t\t};\n\n\t\tconst separatorStyle = () => {\n\t\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\t\tconst defaultSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.separator,\n\t\t\t\tstyles.separatorDark\n\t\t\t);\n\t\t\tconst cellSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellSeparator,\n\t\t\t\tstyles.cellSeparatorDark\n\t\t\t);\n\t\t\tconst leftMarginStyle = {\n\t\t\t\t...cellSeparatorStyle,\n\t\t\t\t...platformStyles.separatorMarginLeft,\n\t\t\t};\n\t\t\tswitch ( separatorType ) {\n\t\t\t\tcase 'leftMargin':\n\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\tcase 'fullWidth':\n\t\t\t\tcase 'topFullWidth':\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t\tcase 'none':\n\t\t\t\t\treturn undefined;\n\t\t\t\tcase undefined:\n\t\t\t\t\tif ( showValue && icon ) {\n\t\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\t\t}\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t}\n\t\t};\n\n\t\tconst getValueComponent = () => {\n\t\t\tconst styleRTL = I18nManager.isRTL && styles.cellValueRTL;\n\t\t\tconst cellValueStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellValue,\n\t\t\t\tstyles.cellTextDark\n\t\t\t);\n\t\t\tconst textInputStyle = {\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t\t...styleRTL,\n\t\t\t};\n\t\t\tconst placeholderTextColor = disabled\n\t\t\t\t? this.props.getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.placeholderColorDisabled,\n\t\t\t\t\t\tstyles.placeholderColorDisabledDark\n\t\t\t\t  ).color\n\t\t\t\t: styles.placeholderColor.color;\n\t\t\tconst textStyle = {\n\t\t\t\t...( disabled && styles.cellDisabled ),\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t};\n\n\t\t\t// To be able to show the `middle` ellipsizeMode on editable cells\n\t\t\t// we show the TextInput just when the user wants to edit the value,\n\t\t\t// and the Text component to display it.\n\t\t\t// We also show the TextInput to display placeholder.\n\t\t\tconst shouldShowPlaceholder = isInteractive && value === '';\n\t\t\treturn this.state.isEditingValue || shouldShowPlaceholder ? (\n\t\t\t\t<TextInput\n\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ textInputStyle }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ valuePlaceholder }\n\t\t\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\t\t\tonChangeText={ onChangeValue }\n\t\t\t\t\teditable={ isValueEditable && ! disabled }\n\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\tthis.state.isEditingValue ? 'auto' : 'none'\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ startEditing }\n\t\t\t\t\tonBlur={ finishEditing }\n\t\t\t\t\tonSubmitEditing={ onSubmit }\n\t\t\t\t\tkeyboardType={ this.typeToKeyboardType( type, step ) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t{ ...valueProps }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ textStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"middle\"\n\t\t\t\t>\n\t\t\t\t\t{ value }\n\t\t\t\t</Text>\n\t\t\t);\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\tif ( accessible === false ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( accessibilityLabel || ! showValue ) {\n\t\t\t\treturn accessibilityLabel || label;\n\t\t\t}\n\n\t\t\tif ( ! value ) {\n\t\t\t\treturn ! help\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */\n\t\t\t\t\t\t\t_x( '%s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t  )\n\t\t\t\t\t: // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t\t  sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */\n\t\t\t\t\t\t\t_x( '%1$s, %2$s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\thelp\n\t\t\t\t\t  );\n\t\t\t}\n\t\t\treturn ! help\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */\n\t\t\t\t\t\t_x( '%1$s, %2$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue\n\t\t\t\t  ) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */\n\t\t\t\t\t\t_x( '%1$s, %2$s, %3$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\thelp\n\t\t\t\t  );\n\t\t};\n\n\t\tconst iconStyleBase = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\tconst resetButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.resetButton,\n\t\t\tstyles.resetButtonDark\n\t\t);\n\t\tconst cellHelpStyle = [\n\t\t\tstyles.cellHelpLabel,\n\t\t\tisIOS && styles.cellHelpLabelIOS,\n\t\t];\n\t\tconst containerPointerEvents =\n\t\t\tthis.state.isScreenReaderEnabled && accessible ? 'none' : 'auto';\n\t\tconst { title, handler } = customActionButton || {};\n\n\t\tconst opacity =\n\t\t\tactiveOpacity !== undefined\n\t\t\t\t? activeOpacity\n\t\t\t\t: platformStyles.activeOpacity?.opacity;\n\n\t\treturn (\n\t\t\t<TouchableRipple\n\t\t\t\taccessible={\n\t\t\t\t\taccessible !== undefined\n\t\t\t\t\t\t? accessible\n\t\t\t\t\t\t: ! this.state.isEditingValue\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityRole={ accessibilityRole || 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisValueEditable\n\t\t\t\t\t\t? /* translators: accessibility text */\n\t\t\t\t\t\t  __( 'Double tap to edit this value' )\n\t\t\t\t\t\t: accessibilityHint\n\t\t\t\t}\n\t\t\t\tdisabled={ disabled || ! isInteractive }\n\t\t\t\tactiveOpacity={ opacity }\n\t\t\t\tonPress={ onCellPress }\n\t\t\t\tonLongPress={ onLongPress }\n\t\t\t\tstyle={ [ styles.clipToBounds, style ] }\n\t\t\t\tborderless={ borderless }\n\t\t\t>\n\t\t\t\t{ drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t\t<View\n\t\t\t\t\tstyle={ cellContainerStyles }\n\t\t\t\t\tpointerEvents={ containerPointerEvents }\n\t\t\t\t>\n\t\t\t\t\t<View style={ rowContainerStyles }>\n\t\t\t\t\t\t<View style={ styles.cellRowContainer }>\n\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowIcon,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tlock\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\tfill={\n\t\t\t\t\t\t\t\t\t\t\ticonStyle.color ||\n\t\t\t\t\t\t\t\t\t\t\ticonStyleBase.color\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t\t\t\t\t\t\tisPressed={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tplatformStyles.labelIconSeparator\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ subLabel && label && (\n\t\t\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tdefaultLabelStyle,\n\t\t\t\t\t\t\t\t\t\t\tlabelStyle,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text style={ defaultSubLabelStyleText }>\n\t\t\t\t\t\t\t\t\t\t{ subLabel }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! subLabel && label && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tstyle={ [ defaultLabelStyle, labelStyle ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ customActionButton && (\n\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\tonPress={ handler }\n\t\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Text style={ resetButtonStyle }>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\tfill={ platformStyles.isSelected.color }\n\t\t\t\t\t\t\ttestID=\"bottom-sheet-cell-selected-icon\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showValue && getValueComponent() }\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tdisabled && disabledStyle,\n\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpointerEvents={ disabled ? 'none' : 'auto' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ disabled && showLockIcon && (\n\t\t\t\t\t\t<View style={ styles.cellDisabled }>\n\t\t\t\t\t\t\t<LockIcon />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ help && (\n\t\t\t\t\t<Text style={ [ cellHelpStyle, styles.placeholderColor ] }>\n\t\t\t\t\t\t{ help }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ ! drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t</TouchableRipple>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetCell );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["TouchableOpacity","Text","View","TextInput","I18nManager","AccessibilityInfo","Platform","check","Component","__","_x","sprintf","withPreferredColorScheme","styles","platformStyles","TouchableRipple","LockIcon","Icon","jsx","_jsx","jsxs","_jsxs","isIOS","OS","BottomSheetCell","constructor","props","arguments","state","isEditingValue","autoFocus","isScreenReaderEnabled","handleScreenReaderToggled","bind","isCurrent","componentDidUpdate","prevProps","prevState","_valueTextInput","focus","componentDidMount","a11yInfoChangeSubscription","addEventListener","then","setState","componentWillUnmount","remove","typeToKeyboardType","type","step","keyboardType","Math","abs","render","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","disabled","disabledStyle","cellDisabled","showLockIcon","activeOpacity","onPress","onLongPress","label","subLabel","value","valuePlaceholder","icon","leftAlign","iconStyle","labelStyle","valueStyle","cellContainerStyle","cellRowContainerStyle","onChangeValue","onSubmit","children","editable","isSelected","separatorType","style","getStylesFromColorScheme","customActionButton","borderless","help","valueProps","showValue","undefined","isValueEditable","cellLabelStyle","cellLabel","cellTextDark","cellLabelCenteredStyle","cellLabelCentered","cellLabelLeftAlignNoIconStyle","cellLabelLeftAlignNoIcon","defaultMissingIconAndValue","defaultLabelStyle","defaultSubLabelStyleText","cellSubLabelText","cellSubLabelTextDark","drawSeparator","separatorStyle","drawTopSeparator","cellContainerStyles","cellContainer","rowContainerStyles","cellRowContainer","isInteractive","onCellPress","startEditing","finishEditing","defaultSeparatorStyle","separator","separatorDark","cellSeparatorStyle","cellSeparator","cellSeparatorDark","leftMarginStyle","separatorMarginLeft","getValueComponent","styleRTL","isRTL","cellValueRTL","cellValueStyle","cellValue","textInputStyle","placeholderTextColor","placeholderColorDisabled","placeholderColorDisabledDark","color","placeholderColor","textStyle","shouldShowPlaceholder","ref","c","numberOfLines","placeholder","onChangeText","pointerEvents","onFocus","onBlur","onSubmitEditing","ellipsizeMode","getAccessibilityLabel","iconStyleBase","iconDark","resetButtonStyle","resetButton","resetButtonDark","cellHelpStyle","cellHelpLabel","cellHelpLabelIOS","containerPointerEvents","title","handler","opacity","clipToBounds","cellRowIcon","lock","size","fill","isPressed","labelIconSeparator","testID"],"sources":["@wordpress/components/src/mobile/bottom-sheet/cell.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tTouchableOpacity,\n\tText,\n\tView,\n\tTextInput,\n\tI18nManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { check } from '@wordpress/icons';\nimport { Component } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport platformStyles from './cellStyles.scss';\nimport TouchableRipple from './ripple';\nimport LockIcon from './lock-icon';\nimport Icon from '../../icon';\n\nconst isIOS = Platform.OS === 'ios';\nclass BottomSheetCell extends Component {\n\tconstructor( props ) {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\tisEditingValue: props.autoFocus || false,\n\t\t\tisScreenReaderEnabled: false,\n\t\t};\n\n\t\tthis.handleScreenReaderToggled =\n\t\t\tthis.handleScreenReaderToggled.bind( this );\n\n\t\tthis.isCurrent = false;\n\t}\n\n\tcomponentDidUpdate( prevProps, prevState ) {\n\t\tif ( ! prevState.isEditingValue && this.state.isEditingValue ) {\n\t\t\tthis._valueTextInput.focus();\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.isCurrent = true;\n\t\tthis.a11yInfoChangeSubscription = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tthis.handleScreenReaderToggled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( isScreenReaderEnabled ) => {\n\t\t\t\tif ( this.isCurrent && isScreenReaderEnabled ) {\n\t\t\t\t\tthis.setState( { isScreenReaderEnabled } );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.isCurrent = false;\n\t\tthis.a11yInfoChangeSubscription.remove();\n\t}\n\n\thandleScreenReaderToggled( isScreenReaderEnabled ) {\n\t\tthis.setState( { isScreenReaderEnabled } );\n\t}\n\n\ttypeToKeyboardType( type, step ) {\n\t\tlet keyboardType = `default`;\n\t\tif ( type === `number` ) {\n\t\t\tif ( step && Math.abs( step ) < 1 ) {\n\t\t\t\tkeyboardType = `decimal-pad`;\n\t\t\t} else {\n\t\t\t\tkeyboardType = `number-pad`;\n\t\t\t}\n\t\t}\n\t\treturn keyboardType;\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\taccessible,\n\t\t\taccessibilityLabel,\n\t\t\taccessibilityHint,\n\t\t\taccessibilityRole,\n\t\t\tdisabled = false,\n\t\t\tdisabledStyle = styles.cellDisabled,\n\t\t\tshowLockIcon = true,\n\t\t\tactiveOpacity,\n\t\t\tonPress,\n\t\t\tonLongPress,\n\t\t\tlabel,\n\t\t\tsubLabel,\n\t\t\tvalue,\n\t\t\tvaluePlaceholder = '',\n\t\t\ticon,\n\t\t\tleftAlign,\n\t\t\ticonStyle = {},\n\t\t\tlabelStyle = {},\n\t\t\tvalueStyle = {},\n\t\t\tcellContainerStyle = {},\n\t\t\tcellRowContainerStyle = {},\n\t\t\tonChangeValue,\n\t\t\tonSubmit,\n\t\t\tchildren,\n\t\t\teditable = true,\n\t\t\tisSelected = false,\n\t\t\tseparatorType,\n\t\t\tstyle = {},\n\t\t\tgetStylesFromColorScheme,\n\t\t\tcustomActionButton,\n\t\t\ttype,\n\t\t\tstep,\n\t\t\tborderless,\n\t\t\thelp,\n\t\t\t...valueProps\n\t\t} = this.props;\n\n\t\tconst showValue = value !== undefined;\n\t\tconst isValueEditable = editable && onChangeValue !== undefined;\n\t\tconst cellLabelStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabel,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelCenteredStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelCentered,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst cellLabelLeftAlignNoIconStyle = getStylesFromColorScheme(\n\t\t\tstyles.cellLabelLeftAlignNoIcon,\n\t\t\tstyles.cellTextDark\n\t\t);\n\t\tconst defaultMissingIconAndValue = leftAlign\n\t\t\t? cellLabelLeftAlignNoIconStyle\n\t\t\t: cellLabelCenteredStyle;\n\t\tconst defaultLabelStyle =\n\t\t\tshowValue || customActionButton || icon\n\t\t\t\t? cellLabelStyle\n\t\t\t\t: defaultMissingIconAndValue;\n\n\t\tconst defaultSubLabelStyleText = getStylesFromColorScheme(\n\t\t\tstyles.cellSubLabelText,\n\t\t\tstyles.cellSubLabelTextDark\n\t\t);\n\n\t\tconst drawSeparator =\n\t\t\t( separatorType && separatorType !== 'none' ) ||\n\t\t\tseparatorStyle === undefined;\n\t\tconst drawTopSeparator =\n\t\t\tdrawSeparator && separatorType === 'topFullWidth';\n\n\t\tconst cellContainerStyles = [\n\t\t\tstyles.cellContainer,\n\t\t\tcellContainerStyle,\n\t\t];\n\t\tconst rowContainerStyles = [\n\t\t\tstyles.cellRowContainer,\n\t\t\tcellRowContainerStyle,\n\t\t];\n\n\t\tconst isInteractive =\n\t\t\tisValueEditable ||\n\t\t\tonPress !== undefined ||\n\t\t\tonLongPress !== undefined;\n\n\t\tconst onCellPress = () => {\n\t\t\tif ( isValueEditable ) {\n\t\t\t\tstartEditing();\n\t\t\t} else if ( onPress !== undefined ) {\n\t\t\t\tonPress();\n\t\t\t}\n\t\t};\n\n\t\tconst finishEditing = () => {\n\t\t\tthis.setState( { isEditingValue: false } );\n\t\t};\n\n\t\tconst startEditing = () => {\n\t\t\tif ( this.state.isEditingValue === false ) {\n\t\t\t\tthis.setState( { isEditingValue: true } );\n\t\t\t}\n\t\t};\n\n\t\tconst separatorStyle = () => {\n\t\t\t// eslint-disable-next-line @wordpress/no-unused-vars-before-return\n\t\t\tconst defaultSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.separator,\n\t\t\t\tstyles.separatorDark\n\t\t\t);\n\t\t\tconst cellSeparatorStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellSeparator,\n\t\t\t\tstyles.cellSeparatorDark\n\t\t\t);\n\t\t\tconst leftMarginStyle = {\n\t\t\t\t...cellSeparatorStyle,\n\t\t\t\t...platformStyles.separatorMarginLeft,\n\t\t\t};\n\t\t\tswitch ( separatorType ) {\n\t\t\t\tcase 'leftMargin':\n\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\tcase 'fullWidth':\n\t\t\t\tcase 'topFullWidth':\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t\tcase 'none':\n\t\t\t\t\treturn undefined;\n\t\t\t\tcase undefined:\n\t\t\t\t\tif ( showValue && icon ) {\n\t\t\t\t\t\treturn leftMarginStyle;\n\t\t\t\t\t}\n\t\t\t\t\treturn defaultSeparatorStyle;\n\t\t\t}\n\t\t};\n\n\t\tconst getValueComponent = () => {\n\t\t\tconst styleRTL = I18nManager.isRTL && styles.cellValueRTL;\n\t\t\tconst cellValueStyle = this.props.getStylesFromColorScheme(\n\t\t\t\tstyles.cellValue,\n\t\t\t\tstyles.cellTextDark\n\t\t\t);\n\t\t\tconst textInputStyle = {\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t\t...styleRTL,\n\t\t\t};\n\t\t\tconst placeholderTextColor = disabled\n\t\t\t\t? this.props.getStylesFromColorScheme(\n\t\t\t\t\t\tstyles.placeholderColorDisabled,\n\t\t\t\t\t\tstyles.placeholderColorDisabledDark\n\t\t\t\t  ).color\n\t\t\t\t: styles.placeholderColor.color;\n\t\t\tconst textStyle = {\n\t\t\t\t...( disabled && styles.cellDisabled ),\n\t\t\t\t...cellValueStyle,\n\t\t\t\t...valueStyle,\n\t\t\t};\n\n\t\t\t// To be able to show the `middle` ellipsizeMode on editable cells\n\t\t\t// we show the TextInput just when the user wants to edit the value,\n\t\t\t// and the Text component to display it.\n\t\t\t// We also show the TextInput to display placeholder.\n\t\t\tconst shouldShowPlaceholder = isInteractive && value === '';\n\t\t\treturn this.state.isEditingValue || shouldShowPlaceholder ? (\n\t\t\t\t<TextInput\n\t\t\t\t\tref={ ( c ) => ( this._valueTextInput = c ) }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tstyle={ textInputStyle }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tplaceholder={ valuePlaceholder }\n\t\t\t\t\tplaceholderTextColor={ placeholderTextColor }\n\t\t\t\t\tonChangeText={ onChangeValue }\n\t\t\t\t\teditable={ isValueEditable && ! disabled }\n\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\tthis.state.isEditingValue ? 'auto' : 'none'\n\t\t\t\t\t}\n\t\t\t\t\tonFocus={ startEditing }\n\t\t\t\t\tonBlur={ finishEditing }\n\t\t\t\t\tonSubmitEditing={ onSubmit }\n\t\t\t\t\tkeyboardType={ this.typeToKeyboardType( type, step ) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t{ ...valueProps }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Text\n\t\t\t\t\tstyle={ textStyle }\n\t\t\t\t\tnumberOfLines={ 1 }\n\t\t\t\t\tellipsizeMode=\"middle\"\n\t\t\t\t>\n\t\t\t\t\t{ value }\n\t\t\t\t</Text>\n\t\t\t);\n\t\t};\n\n\t\tconst getAccessibilityLabel = () => {\n\t\t\tif ( accessible === false ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( accessibilityLabel || ! showValue ) {\n\t\t\t\treturn accessibilityLabel || label;\n\t\t\t}\n\n\t\t\tif ( ! value ) {\n\t\t\t\treturn ! help\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %s: The cell's title */\n\t\t\t\t\t\t\t_x( '%s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t  )\n\t\t\t\t\t: // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t\t  sprintf(\n\t\t\t\t\t\t\t/* translators: accessibility text. Empty state of a inline textinput cell. %1: Cell title, %2: cell help. */\n\t\t\t\t\t\t\t_x( '%1$s, %2$s. Empty', 'inline textinput cell' ),\n\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\thelp\n\t\t\t\t\t  );\n\t\t\t}\n\t\t\treturn ! help\n\t\t\t\t? sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title and value.%1: Cell title, %2: cell value. */\n\t\t\t\t\t\t_x( '%1$s, %2$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue\n\t\t\t\t  ) // Separating by ',' is necessary to make a pause on urls (non-capitalized text)\n\t\t\t\t: sprintf(\n\t\t\t\t\t\t/* translators: accessibility text. Inline textinput title, value and help text.%1: Cell title, %2: cell value, , %3: cell help. */\n\t\t\t\t\t\t_x( '%1$s, %2$s, %3$s', 'inline textinput cell' ),\n\t\t\t\t\t\tlabel,\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\thelp\n\t\t\t\t  );\n\t\t};\n\n\t\tconst iconStyleBase = getStylesFromColorScheme(\n\t\t\tstyles.icon,\n\t\t\tstyles.iconDark\n\t\t);\n\t\tconst resetButtonStyle = getStylesFromColorScheme(\n\t\t\tstyles.resetButton,\n\t\t\tstyles.resetButtonDark\n\t\t);\n\t\tconst cellHelpStyle = [\n\t\t\tstyles.cellHelpLabel,\n\t\t\tisIOS && styles.cellHelpLabelIOS,\n\t\t];\n\t\tconst containerPointerEvents =\n\t\t\tthis.state.isScreenReaderEnabled && accessible ? 'none' : 'auto';\n\t\tconst { title, handler } = customActionButton || {};\n\n\t\tconst opacity =\n\t\t\tactiveOpacity !== undefined\n\t\t\t\t? activeOpacity\n\t\t\t\t: platformStyles.activeOpacity?.opacity;\n\n\t\treturn (\n\t\t\t<TouchableRipple\n\t\t\t\taccessible={\n\t\t\t\t\taccessible !== undefined\n\t\t\t\t\t\t? accessible\n\t\t\t\t\t\t: ! this.state.isEditingValue\n\t\t\t\t}\n\t\t\t\taccessibilityLabel={ getAccessibilityLabel() }\n\t\t\t\taccessibilityRole={ accessibilityRole || 'button' }\n\t\t\t\taccessibilityHint={\n\t\t\t\t\tisValueEditable\n\t\t\t\t\t\t? /* translators: accessibility text */\n\t\t\t\t\t\t  __( 'Double tap to edit this value' )\n\t\t\t\t\t\t: accessibilityHint\n\t\t\t\t}\n\t\t\t\tdisabled={ disabled || ! isInteractive }\n\t\t\t\tactiveOpacity={ opacity }\n\t\t\t\tonPress={ onCellPress }\n\t\t\t\tonLongPress={ onLongPress }\n\t\t\t\tstyle={ [ styles.clipToBounds, style ] }\n\t\t\t\tborderless={ borderless }\n\t\t\t>\n\t\t\t\t{ drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t\t<View\n\t\t\t\t\tstyle={ cellContainerStyles }\n\t\t\t\t\tpointerEvents={ containerPointerEvents }\n\t\t\t\t>\n\t\t\t\t\t<View style={ rowContainerStyles }>\n\t\t\t\t\t\t<View style={ styles.cellRowContainer }>\n\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t\t\t\t\tstyles.cellRowIcon,\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tlock\n\t\t\t\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\tfill={\n\t\t\t\t\t\t\t\t\t\t\ticonStyle.color ||\n\t\t\t\t\t\t\t\t\t\t\ticonStyleBase.color\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t\t\t\t\t\t\tisPressed={ false }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tplatformStyles.labelIconSeparator\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ subLabel && label && (\n\t\t\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\t\t\t\tdefaultLabelStyle,\n\t\t\t\t\t\t\t\t\t\t\tlabelStyle,\n\t\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t<Text style={ defaultSubLabelStyleText }>\n\t\t\t\t\t\t\t\t\t\t{ subLabel }\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! subLabel && label && (\n\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\tstyle={ [ defaultLabelStyle, labelStyle ] }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t\t{ customActionButton && (\n\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\tonPress={ handler }\n\t\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Text style={ resetButtonStyle }>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t</TouchableOpacity>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ check }\n\t\t\t\t\t\t\tfill={ platformStyles.isSelected.color }\n\t\t\t\t\t\t\ttestID=\"bottom-sheet-cell-selected-icon\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showValue && getValueComponent() }\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tdisabled && disabledStyle,\n\t\t\t\t\t\t\tstyles.cellRowContainer,\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpointerEvents={ disabled ? 'none' : 'auto' }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</View>\n\t\t\t\t\t{ disabled && showLockIcon && (\n\t\t\t\t\t\t<View style={ styles.cellDisabled }>\n\t\t\t\t\t\t\t<LockIcon />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t\t{ help && (\n\t\t\t\t\t<Text style={ [ cellHelpStyle, styles.placeholderColor ] }>\n\t\t\t\t\t\t{ help }\n\t\t\t\t\t</Text>\n\t\t\t\t) }\n\t\t\t\t{ ! drawTopSeparator && <View style={ separatorStyle() } /> }\n\t\t\t</TouchableRipple>\n\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( BottomSheetCell );\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,8 +10,7 @@ import { Icon, chevronRight } from '@wordpress/icons';
 import Cell from './cell';
 import styles from './styles.scss';
 import ColorIndicator from '../../color-indicator';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function BottomSheetColorCell(props) {
   const {
     color,

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

@@ -1 +1 @@
-{"version":3,"names":["__","Icon","chevronRight","Cell","styles","ColorIndicator","jsx","_jsx","jsxs","_jsxs","BottomSheetColorCell","props","color","withColorIndicator","disabled","cellProps","accessibilityRole","accessibilityHint","editable","value","children","style","colorCircle","icon"],"sources":["@wordpress/components/src/mobile/bottom-sheet/color-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\nimport ColorIndicator from '../../color-indicator';\n\nexport default function BottomSheetColorCell( props ) {\n\tconst { color, withColorIndicator = true, disabled, ...cellProps } = props;\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole=\"button\"\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for moving to color settings) */\n\t\t\t\t__( 'Double tap to go to color settings' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tdisabled={ disabled }\n\t\t\tvalue={ withColorIndicator && ! color && __( 'Default' ) }\n\t\t>\n\t\t\t{ withColorIndicator && color && (\n\t\t\t\t<ColorIndicator color={ color } style={ styles.colorCircle } />\n\t\t\t) }\n\t\t\t{ disabled ? null : <Icon icon={ chevronRight }></Icon> }\n\t\t</Cell>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,YAAY,QAAQ,kBAAkB;;AAErD;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,eAAe;AAClC,OAAOC,cAAc,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnD,eAAe,SAASC,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,KAAK;IAAEC,kBAAkB,GAAG,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE1E,oBACCF,KAAA,CAACN,IAAI;IAAA,GACCY,SAAS;IACdC,iBAAiB,EAAC,QAAQ;IAC1BC,iBAAiB,EAChB;IACAjB,EAAE,CAAE,oCAAqC,CACzC;IACDkB,QAAQ,EAAG,KAAO;IAClBJ,QAAQ,EAAGA,QAAU;IACrBK,KAAK,EAAGN,kBAAkB,IAAI,CAAED,KAAK,IAAIZ,EAAE,CAAE,SAAU,CAAG;IAAAoB,QAAA,GAExDP,kBAAkB,IAAID,KAAK,iBAC5BL,IAAA,CAACF,cAAc;MAACO,KAAK,EAAGA,KAAO;MAACS,KAAK,EAAGjB,MAAM,CAACkB;IAAa,CAAE,CAC9D,EACCR,QAAQ,GAAG,IAAI,gBAAGP,IAAA,CAACN,IAAI;MAACsB,IAAI,EAAGrB;IAAc,CAAO,CAAC;EAAA,CAClD,CAAC;AAET","ignoreList":[]}
+{"version":3,"names":["__","Icon","chevronRight","Cell","styles","ColorIndicator","jsx","_jsx","jsxs","_jsxs","BottomSheetColorCell","props","color","withColorIndicator","disabled","cellProps","accessibilityRole","accessibilityHint","editable","value","children","style","colorCircle","icon"],"sources":["@wordpress/components/src/mobile/bottom-sheet/color-cell.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Cell from './cell';\nimport styles from './styles.scss';\nimport ColorIndicator from '../../color-indicator';\n\nexport default function BottomSheetColorCell( props ) {\n\tconst { color, withColorIndicator = true, disabled, ...cellProps } = props;\n\n\treturn (\n\t\t<Cell\n\t\t\t{ ...cellProps }\n\t\t\taccessibilityRole=\"button\"\n\t\t\taccessibilityHint={\n\t\t\t\t/* translators: accessibility text (hint for moving to color settings) */\n\t\t\t\t__( 'Double tap to go to color settings' )\n\t\t\t}\n\t\t\teditable={ false }\n\t\t\tdisabled={ disabled }\n\t\t\tvalue={ withColorIndicator && ! color && __( 'Default' ) }\n\t\t>\n\t\t\t{ withColorIndicator && color && (\n\t\t\t\t<ColorIndicator color={ color } style={ styles.colorCircle } />\n\t\t\t) }\n\t\t\t{ disabled ? null : <Icon icon={ chevronRight }></Icon> }\n\t\t</Cell>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,YAAY,QAAQ,kBAAkB;;AAErD;AACA;AACA;AACA,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,MAAM,MAAM,eAAe;AAClC,OAAOC,cAAc,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,eAAe,SAASC,oBAAoBA,CAAEC,KAAK,EAAG;EACrD,MAAM;IAAEC,KAAK;IAAEC,kBAAkB,GAAG,IAAI;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAE1E,oBACCF,KAAA,CAACN,IAAI;IAAA,GACCY,SAAS;IACdC,iBAAiB,EAAC,QAAQ;IAC1BC,iBAAiB,EAChB;IACAjB,EAAE,CAAE,oCAAqC,CACzC;IACDkB,QAAQ,EAAG,KAAO;IAClBJ,QAAQ,EAAGA,QAAU;IACrBK,KAAK,EAAGN,kBAAkB,IAAI,CAAED,KAAK,IAAIZ,EAAE,CAAE,SAAU,CAAG;IAAAoB,QAAA,GAExDP,kBAAkB,IAAID,KAAK,iBAC5BL,IAAA,CAACF,cAAc;MAACO,KAAK,EAAGA,KAAO;MAACS,KAAK,EAAGjB,MAAM,CAACkB;IAAa,CAAE,CAC9D,EACCR,QAAQ,GAAG,IAAI,gBAAGP,IAAA,CAACN,IAAI;MAACsB,IAAI,EAAGrB;IAAc,CAAO,CAAC;EAAA,CAClD,CAAC;AAET","ignoreList":[]}

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

@@ -32,9 +32,7 @@ import KeyboardAvoidingView from './keyboard-avoiding-view';
 import BottomSheetSubSheet from './sub-sheet';
 import NavBar from './nav-bar';
 import { BottomSheetProvider } from './bottom-sheet-context';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const DEFAULT_LAYOUT_ANIMATION = LayoutAnimation.Presets.easeInEaseOut;
 class BottomSheet extends Component {
   constructor() {