@wordpress/components 25.0.0 → 25.1.0

package/build-module/popover/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/popover/utils.ts"],"names":["POSITION_TO_PLACEMENT","bottom","top","middle","positionToPlacement","position","PLACEMENT_TO_ANIMATION_ORIGIN","originX","originY","right","left","overlay","placementToMotionAnimationProps","placement","translateProp","startsWith","translateDirection","style","initial","opacity","scale","animate","transition","duration","ease","getFrameOffset","document","frameElement","defaultView","iframeRect","getBoundingClientRect","x","y","getFrameScale","rect","width","offsetWidth","height","offsetHeight","getReferenceOwnerDocument","anchor","anchorRef","anchorRect","getAnchorRect","fallbackReferenceElement","fallbackDocument","resultingReferenceOwnerDoc","ownerDocument","startContainer","current","getReferenceElement","referenceElement","topRect","bottomRect","window","DOMRect","parentElement"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { MotionProps } from 'framer-motion';\nimport type { ReferenceType } from '@floating-ui/react-dom';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tPopoverProps,\n\tPopoverAnchorRefReference,\n\tPopoverAnchorRefTopBottom,\n} from './types';\n\nconst POSITION_TO_PLACEMENT: Record<\n\tNonNullable< PopoverProps[ 'position' ] >,\n\tNonNullable< PopoverProps[ 'placement' ] >\n> = {\n\tbottom: 'bottom',\n\ttop: 'top',\n\t'middle left': 'left',\n\t'middle right': 'right',\n\t'bottom left': 'bottom-end',\n\t'bottom center': 'bottom',\n\t'bottom right': 'bottom-start',\n\t'top left': 'top-end',\n\t'top center': 'top',\n\t'top right': 'top-start',\n\t'middle left left': 'left',\n\t'middle left right': 'left',\n\t'middle left bottom': 'left-end',\n\t'middle left top': 'left-start',\n\t'middle right left': 'right',\n\t'middle right right': 'right',\n\t'middle right bottom': 'right-end',\n\t'middle right top': 'right-start',\n\t'bottom left left': 'bottom-end',\n\t'bottom left right': 'bottom-end',\n\t'bottom left bottom': 'bottom-end',\n\t'bottom left top': 'bottom-end',\n\t'bottom center left': 'bottom',\n\t'bottom center right': 'bottom',\n\t'bottom center bottom': 'bottom',\n\t'bottom center top': 'bottom',\n\t'bottom right left': 'bottom-start',\n\t'bottom right right': 'bottom-start',\n\t'bottom right bottom': 'bottom-start',\n\t'bottom right top': 'bottom-start',\n\t'top left left': 'top-end',\n\t'top left right': 'top-end',\n\t'top left bottom': 'top-end',\n\t'top left top': 'top-end',\n\t'top center left': 'top',\n\t'top center right': 'top',\n\t'top center bottom': 'top',\n\t'top center top': 'top',\n\t'top right left': 'top-start',\n\t'top right right': 'top-start',\n\t'top right bottom': 'top-start',\n\t'top right top': 'top-start',\n\t// `middle`/`middle center [corner?]` positions are associated to a fallback\n\t// `bottom` placement because there aren't any corresponding placement values.\n\tmiddle: 'bottom',\n\t'middle center': 'bottom',\n\t'middle center bottom': 'bottom',\n\t'middle center left': 'bottom',\n\t'middle center right': 'bottom',\n\t'middle center top': 'bottom',\n};\n\n/**\n * Converts the `Popover`'s legacy \"position\" prop to the new \"placement\" prop\n * (used by `floating-ui`).\n *\n * @param position The legacy position\n * @return The corresponding placement\n */\nexport const positionToPlacement = (\n\tposition: NonNullable< PopoverProps[ 'position' ] >\n): NonNullable< PopoverProps[ 'placement' ] > =>\n\tPOSITION_TO_PLACEMENT[ position ] ?? 'bottom';\n\n/**\n * @typedef AnimationOrigin\n * @type {Object}\n * @property {number} originX A number between 0 and 1 (in CSS logical properties jargon, 0 is \"start\", 0.5 is \"center\", and 1 is \"end\")\n * @property {number} originY A number between 0 and 1 (0 is top, 0.5 is center, and 1 is bottom)\n */\n\nconst PLACEMENT_TO_ANIMATION_ORIGIN: Record<\n\tNonNullable< PopoverProps[ 'placement' ] >,\n\t{ originX: number; originY: number }\n> = {\n\ttop: { originX: 0.5, originY: 1 }, // open from bottom, center\n\t'top-start': { originX: 0, originY: 1 }, // open from bottom, left\n\t'top-end': { originX: 1, originY: 1 }, // open from bottom, right\n\tright: { originX: 0, originY: 0.5 }, // open from middle, left\n\t'right-start': { originX: 0, originY: 0 }, // open from top, left\n\t'right-end': { originX: 0, originY: 1 }, // open from bottom, left\n\tbottom: { originX: 0.5, originY: 0 }, // open from top, center\n\t'bottom-start': { originX: 0, originY: 0 }, // open from top, left\n\t'bottom-end': { originX: 1, originY: 0 }, // open from top, right\n\tleft: { originX: 1, originY: 0.5 }, // open from middle, right\n\t'left-start': { originX: 1, originY: 0 }, // open from top, right\n\t'left-end': { originX: 1, originY: 1 }, // open from bottom, right\n\toverlay: { originX: 0.5, originY: 0.5 }, // open from center, center\n};\n\n/**\n * Given the floating-ui `placement`, compute the framer-motion props for the\n * popover's entry animation.\n *\n * @param placement A placement string from floating ui\n * @return The object containing the motion props\n */\nexport const placementToMotionAnimationProps = (\n\tplacement: NonNullable< PopoverProps[ 'placement' ] >\n): MotionProps => {\n\tconst translateProp =\n\t\tplacement.startsWith( 'top' ) || placement.startsWith( 'bottom' )\n\t\t\t? 'translateY'\n\t\t\t: 'translateX';\n\tconst translateDirection =\n\t\tplacement.startsWith( 'top' ) || placement.startsWith( 'left' )\n\t\t\t? 1\n\t\t\t: -1;\n\n\treturn {\n\t\tstyle: PLACEMENT_TO_ANIMATION_ORIGIN[ placement ],\n\t\tinitial: {\n\t\t\topacity: 0,\n\t\t\tscale: 0,\n\t\t\t[ translateProp ]: `${ 2 * translateDirection }em`,\n\t\t},\n\t\tanimate: { opacity: 1, scale: 1, [ translateProp ]: 0 },\n\t\ttransition: { duration: 0.1, ease: [ 0, 0, 0.2, 1 ] },\n\t};\n};\n\n/**\n * Returns the offset of a document's frame element.\n *\n * @param document The iframe's owner document.\n *\n * @return The offset of the document's frame element, or undefined if the\n * document has no frame element.\n */\nexport const getFrameOffset = (\n\tdocument?: Document\n): { x: number; y: number } | undefined => {\n\tconst frameElement = document?.defaultView?.frameElement;\n\tif ( ! frameElement ) {\n\t\treturn;\n\t}\n\tconst iframeRect = frameElement.getBoundingClientRect();\n\treturn { x: iframeRect.left, y: iframeRect.top };\n};\n\nexport const getFrameScale = (\n\tdocument?: Document\n): {\n\tx: number;\n\ty: number;\n} => {\n\tconst frameElement = document?.defaultView?.frameElement as HTMLElement;\n\tif ( ! frameElement ) {\n\t\treturn { x: 1, y: 1 };\n\t}\n\tconst rect = frameElement.getBoundingClientRect();\n\treturn {\n\t\tx: rect.width / frameElement.offsetWidth,\n\t\ty: rect.height / frameElement.offsetHeight,\n\t};\n};\n\nexport const getReferenceOwnerDocument = ( {\n\tanchor,\n\tanchorRef,\n\tanchorRect,\n\tgetAnchorRect,\n\tfallbackReferenceElement,\n\tfallbackDocument,\n}: Pick<\n\tPopoverProps,\n\t'anchorRef' | 'anchorRect' | 'getAnchorRect' | 'anchor'\n> & {\n\tfallbackReferenceElement: Element | null;\n\tfallbackDocument: Document;\n} ): Document => {\n\t// In floating-ui's terms:\n\t// - \"reference\" refers to the popover's anchor element.\n\t// - \"floating\" refers the floating popover's element.\n\t// A floating element can also be positioned relative to a virtual element,\n\t// instead of a real one. A virtual element is represented by an object\n\t// with the `getBoundingClientRect()` function (like real elements).\n\t// See https://floating-ui.com/docs/virtual-elements for more info.\n\tlet resultingReferenceOwnerDoc;\n\tif ( anchor ) {\n\t\tresultingReferenceOwnerDoc = anchor.ownerDocument;\n\t} else if ( ( anchorRef as PopoverAnchorRefTopBottom | undefined )?.top ) {\n\t\tresultingReferenceOwnerDoc = ( anchorRef as PopoverAnchorRefTopBottom )\n\t\t\t?.top.ownerDocument;\n\t} else if ( ( anchorRef as Range | undefined )?.startContainer ) {\n\t\tresultingReferenceOwnerDoc = ( anchorRef as Range ).startContainer\n\t\t\t.ownerDocument;\n\t} else if (\n\t\t( anchorRef as PopoverAnchorRefReference | undefined )?.current\n\t) {\n\t\tresultingReferenceOwnerDoc = (\n\t\t\t( anchorRef as PopoverAnchorRefReference ).current as Element\n\t\t ).ownerDocument;\n\t} else if ( anchorRef as Element | undefined ) {\n\t\t// This one should be deprecated.\n\t\tresultingReferenceOwnerDoc = ( anchorRef as Element ).ownerDocument;\n\t} else if ( anchorRect && anchorRect?.ownerDocument ) {\n\t\tresultingReferenceOwnerDoc = anchorRect.ownerDocument;\n\t} else if ( getAnchorRect ) {\n\t\tresultingReferenceOwnerDoc = getAnchorRect(\n\t\t\tfallbackReferenceElement\n\t\t)?.ownerDocument;\n\t}\n\n\treturn resultingReferenceOwnerDoc ?? fallbackDocument;\n};\n\nexport const getReferenceElement = ( {\n\tanchor,\n\tanchorRef,\n\tanchorRect,\n\tgetAnchorRect,\n\tfallbackReferenceElement,\n\tscale,\n}: Pick<\n\tPopoverProps,\n\t'anchorRef' | 'anchorRect' | 'getAnchorRect' | 'anchor'\n> & {\n\tfallbackReferenceElement: Element | null;\n\tscale: { x: number; y: number };\n} ): ReferenceType | null => {\n\tlet referenceElement = null;\n\n\tif ( anchor ) {\n\t\treferenceElement = anchor;\n\t} else if ( ( anchorRef as PopoverAnchorRefTopBottom | undefined )?.top ) {\n\t\t// Create a virtual element for the ref. The expectation is that\n\t\t// if anchorRef.top is defined, then anchorRef.bottom is defined too.\n\t\t// Seems to be used by the block toolbar, when multiple blocks are selected\n\t\t// (top and bottom blocks are used to calculate the resulting rect).\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst topRect = (\n\t\t\t\t\tanchorRef as PopoverAnchorRefTopBottom\n\t\t\t\t ).top.getBoundingClientRect();\n\t\t\t\tconst bottomRect = (\n\t\t\t\t\tanchorRef as PopoverAnchorRefTopBottom\n\t\t\t\t ).bottom.getBoundingClientRect();\n\t\t\t\treturn new window.DOMRect(\n\t\t\t\t\ttopRect.x,\n\t\t\t\t\ttopRect.y,\n\t\t\t\t\ttopRect.width,\n\t\t\t\t\tbottomRect.bottom - topRect.top\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t} else if (\n\t\t( anchorRef as PopoverAnchorRefReference | undefined )?.current\n\t) {\n\t\t// Standard React ref.\n\t\treferenceElement = ( anchorRef as PopoverAnchorRefReference ).current;\n\t} else if ( anchorRef as Element | undefined ) {\n\t\t// If `anchorRef` holds directly the element's value (no `current` key)\n\t\t// This is a weird scenario and should be deprecated.\n\t\treferenceElement = anchorRef as Element;\n\t} else if ( anchorRect ) {\n\t\t// Create a virtual element for the ref.\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn anchorRect;\n\t\t\t},\n\t\t};\n\t} else if ( getAnchorRect ) {\n\t\t// Create a virtual element for the ref.\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst rect = getAnchorRect( fallbackReferenceElement );\n\t\t\t\treturn new window.DOMRect(\n\t\t\t\t\trect.x ?? rect.left,\n\t\t\t\t\trect.y ?? rect.top,\n\t\t\t\t\trect.width ?? rect.right - rect.left,\n\t\t\t\t\trect.height ?? rect.bottom - rect.top\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t} else if ( fallbackReferenceElement ) {\n\t\t// If no explicit ref is passed via props, fall back to\n\t\t// anchoring to the popover's parent node.\n\t\treferenceElement = fallbackReferenceElement.parentElement;\n\t}\n\n\tif ( referenceElement && ( scale.x !== 1 || scale.y !== 1 ) ) {\n\t\t// If the popover is inside an iframe, the coordinates of the\n\t\t// reference element need to be scaled to match the iframe's scale.\n\t\tconst rect = referenceElement.getBoundingClientRect();\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn new window.DOMRect(\n\t\t\t\t\trect.x * scale.x,\n\t\t\t\t\trect.y * scale.y,\n\t\t\t\t\trect.width * scale.x,\n\t\t\t\t\trect.height * scale.y\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t}\n\n\t// Convert any `undefined` value to `null`.\n\treturn referenceElement ?? null;\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/popover/utils.ts"],"names":["POSITION_TO_PLACEMENT","bottom","top","middle","positionToPlacement","position","PLACEMENT_TO_ANIMATION_ORIGIN","originX","originY","right","left","overlay","placementToMotionAnimationProps","placement","translateProp","startsWith","translateDirection","style","initial","opacity","scale","animate","transition","duration","ease","getFrameOffset","document","frameElement","defaultView","iframeRect","getBoundingClientRect","x","y","getFrameScale","rect","width","offsetWidth","height","offsetHeight","getReferenceOwnerDocument","anchor","anchorRef","anchorRect","getAnchorRect","fallbackReferenceElement","fallbackDocument","resultingReferenceOwnerDoc","ownerDocument","startContainer","current","getReferenceElement","referenceElement","topRect","bottomRect","window","DOMRect","parentElement"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\n// eslint-disable-next-line no-restricted-imports\nimport type { MotionProps } from 'framer-motion';\nimport type { ReferenceType } from '@floating-ui/react-dom';\n\n/**\n * Internal dependencies\n */\nimport type {\n\tPopoverProps,\n\tPopoverAnchorRefReference,\n\tPopoverAnchorRefTopBottom,\n} from './types';\n\nconst POSITION_TO_PLACEMENT: Record<\n\tNonNullable< PopoverProps[ 'position' ] >,\n\tNonNullable< PopoverProps[ 'placement' ] >\n> = {\n\tbottom: 'bottom',\n\ttop: 'top',\n\t'middle left': 'left',\n\t'middle right': 'right',\n\t'bottom left': 'bottom-end',\n\t'bottom center': 'bottom',\n\t'bottom right': 'bottom-start',\n\t'top left': 'top-end',\n\t'top center': 'top',\n\t'top right': 'top-start',\n\t'middle left left': 'left',\n\t'middle left right': 'left',\n\t'middle left bottom': 'left-end',\n\t'middle left top': 'left-start',\n\t'middle right left': 'right',\n\t'middle right right': 'right',\n\t'middle right bottom': 'right-end',\n\t'middle right top': 'right-start',\n\t'bottom left left': 'bottom-end',\n\t'bottom left right': 'bottom-end',\n\t'bottom left bottom': 'bottom-end',\n\t'bottom left top': 'bottom-end',\n\t'bottom center left': 'bottom',\n\t'bottom center right': 'bottom',\n\t'bottom center bottom': 'bottom',\n\t'bottom center top': 'bottom',\n\t'bottom right left': 'bottom-start',\n\t'bottom right right': 'bottom-start',\n\t'bottom right bottom': 'bottom-start',\n\t'bottom right top': 'bottom-start',\n\t'top left left': 'top-end',\n\t'top left right': 'top-end',\n\t'top left bottom': 'top-end',\n\t'top left top': 'top-end',\n\t'top center left': 'top',\n\t'top center right': 'top',\n\t'top center bottom': 'top',\n\t'top center top': 'top',\n\t'top right left': 'top-start',\n\t'top right right': 'top-start',\n\t'top right bottom': 'top-start',\n\t'top right top': 'top-start',\n\t// `middle`/`middle center [corner?]` positions are associated to a fallback\n\t// `bottom` placement because there aren't any corresponding placement values.\n\tmiddle: 'bottom',\n\t'middle center': 'bottom',\n\t'middle center bottom': 'bottom',\n\t'middle center left': 'bottom',\n\t'middle center right': 'bottom',\n\t'middle center top': 'bottom',\n};\n\n/**\n * Converts the `Popover`'s legacy \"position\" prop to the new \"placement\" prop\n * (used by `floating-ui`).\n *\n * @param position The legacy position\n * @return The corresponding placement\n */\nexport const positionToPlacement = (\n\tposition: NonNullable< PopoverProps[ 'position' ] >\n): NonNullable< PopoverProps[ 'placement' ] > =>\n\tPOSITION_TO_PLACEMENT[ position ] ?? 'bottom';\n\n/**\n * @typedef AnimationOrigin\n * @type {Object}\n * @property {number} originX A number between 0 and 1 (in CSS logical properties jargon, 0 is \"start\", 0.5 is \"center\", and 1 is \"end\")\n * @property {number} originY A number between 0 and 1 (0 is top, 0.5 is center, and 1 is bottom)\n */\n\nconst PLACEMENT_TO_ANIMATION_ORIGIN: Record<\n\tNonNullable< PopoverProps[ 'placement' ] >,\n\t{ originX: number; originY: number }\n> = {\n\ttop: { originX: 0.5, originY: 1 }, // open from bottom, center\n\t'top-start': { originX: 0, originY: 1 }, // open from bottom, left\n\t'top-end': { originX: 1, originY: 1 }, // open from bottom, right\n\tright: { originX: 0, originY: 0.5 }, // open from middle, left\n\t'right-start': { originX: 0, originY: 0 }, // open from top, left\n\t'right-end': { originX: 0, originY: 1 }, // open from bottom, left\n\tbottom: { originX: 0.5, originY: 0 }, // open from top, center\n\t'bottom-start': { originX: 0, originY: 0 }, // open from top, left\n\t'bottom-end': { originX: 1, originY: 0 }, // open from top, right\n\tleft: { originX: 1, originY: 0.5 }, // open from middle, right\n\t'left-start': { originX: 1, originY: 0 }, // open from top, right\n\t'left-end': { originX: 1, originY: 1 }, // open from bottom, right\n\toverlay: { originX: 0.5, originY: 0.5 }, // open from center, center\n};\n\n/**\n * Given the floating-ui `placement`, compute the framer-motion props for the\n * popover's entry animation.\n *\n * @param placement A placement string from floating ui\n * @return The object containing the motion props\n */\nexport const placementToMotionAnimationProps = (\n\tplacement: NonNullable< PopoverProps[ 'placement' ] >\n): MotionProps => {\n\tconst translateProp =\n\t\tplacement.startsWith( 'top' ) || placement.startsWith( 'bottom' )\n\t\t\t? 'translateY'\n\t\t\t: 'translateX';\n\tconst translateDirection =\n\t\tplacement.startsWith( 'top' ) || placement.startsWith( 'left' )\n\t\t\t? 1\n\t\t\t: -1;\n\n\treturn {\n\t\tstyle: PLACEMENT_TO_ANIMATION_ORIGIN[ placement ],\n\t\tinitial: {\n\t\t\topacity: 0,\n\t\t\tscale: 0,\n\t\t\t[ translateProp ]: `${ 2 * translateDirection }em`,\n\t\t},\n\t\tanimate: { opacity: 1, scale: 1, [ translateProp ]: 0 },\n\t\ttransition: { duration: 0.1, ease: [ 0, 0, 0.2, 1 ] },\n\t};\n};\n\n/**\n * Returns the offset of a document's frame element.\n *\n * @param document The iframe's owner document.\n *\n * @return The offset of the document's frame element, or undefined if the\n * document has no frame element.\n */\nexport const getFrameOffset = (\n\tdocument?: Document\n): { x: number; y: number } | undefined => {\n\tconst frameElement = document?.defaultView?.frameElement;\n\tif ( ! frameElement ) {\n\t\treturn;\n\t}\n\tconst iframeRect = frameElement.getBoundingClientRect();\n\treturn { x: iframeRect.left, y: iframeRect.top };\n};\n\nexport const getFrameScale = (\n\tdocument?: Document\n): {\n\tx: number;\n\ty: number;\n} => {\n\tconst frameElement = document?.defaultView?.frameElement as HTMLElement;\n\tif ( ! frameElement ) {\n\t\treturn { x: 1, y: 1 };\n\t}\n\tconst rect = frameElement.getBoundingClientRect();\n\treturn {\n\t\tx: rect.width / frameElement.offsetWidth,\n\t\ty: rect.height / frameElement.offsetHeight,\n\t};\n};\n\nexport const getReferenceOwnerDocument = ( {\n\tanchor,\n\tanchorRef,\n\tanchorRect,\n\tgetAnchorRect,\n\tfallbackReferenceElement,\n\tfallbackDocument,\n}: Pick<\n\tPopoverProps,\n\t'anchorRef' | 'anchorRect' | 'getAnchorRect' | 'anchor'\n> & {\n\tfallbackReferenceElement: Element | null;\n\tfallbackDocument: Document;\n} ): Document => {\n\t// In floating-ui's terms:\n\t// - \"reference\" refers to the popover's anchor element.\n\t// - \"floating\" refers the floating popover's element.\n\t// A floating element can also be positioned relative to a virtual element,\n\t// instead of a real one. A virtual element is represented by an object\n\t// with the `getBoundingClientRect()` function (like real elements).\n\t// See https://floating-ui.com/docs/virtual-elements for more info.\n\tlet resultingReferenceOwnerDoc;\n\tif ( anchor ) {\n\t\tresultingReferenceOwnerDoc = anchor.ownerDocument;\n\t} else if ( ( anchorRef as PopoverAnchorRefTopBottom | undefined )?.top ) {\n\t\tresultingReferenceOwnerDoc = ( anchorRef as PopoverAnchorRefTopBottom )\n\t\t\t?.top.ownerDocument;\n\t} else if ( ( anchorRef as Range | undefined )?.startContainer ) {\n\t\tresultingReferenceOwnerDoc = ( anchorRef as Range ).startContainer\n\t\t\t.ownerDocument;\n\t} else if (\n\t\t( anchorRef as PopoverAnchorRefReference | undefined )?.current\n\t) {\n\t\tresultingReferenceOwnerDoc = (\n\t\t\t( anchorRef as PopoverAnchorRefReference ).current as Element\n\t\t ).ownerDocument;\n\t} else if ( anchorRef as Element | undefined ) {\n\t\t// This one should be deprecated.\n\t\tresultingReferenceOwnerDoc = ( anchorRef as Element ).ownerDocument;\n\t} else if ( anchorRect && anchorRect?.ownerDocument ) {\n\t\tresultingReferenceOwnerDoc = anchorRect.ownerDocument;\n\t} else if ( getAnchorRect ) {\n\t\tresultingReferenceOwnerDoc = getAnchorRect(\n\t\t\tfallbackReferenceElement\n\t\t)?.ownerDocument;\n\t}\n\n\treturn resultingReferenceOwnerDoc ?? fallbackDocument;\n};\n\nexport const getReferenceElement = ( {\n\tanchor,\n\tanchorRef,\n\tanchorRect,\n\tgetAnchorRect,\n\tfallbackReferenceElement,\n\tscale,\n}: Pick<\n\tPopoverProps,\n\t'anchorRef' | 'anchorRect' | 'getAnchorRect' | 'anchor'\n> & {\n\tfallbackReferenceElement: Element | null;\n\tscale: { x: number; y: number };\n} ): ReferenceType | null => {\n\tlet referenceElement = null;\n\n\tif ( anchor ) {\n\t\treferenceElement = anchor;\n\t} else if ( ( anchorRef as PopoverAnchorRefTopBottom | undefined )?.top ) {\n\t\t// Create a virtual element for the ref. The expectation is that\n\t\t// if anchorRef.top is defined, then anchorRef.bottom is defined too.\n\t\t// Seems to be used by the block toolbar, when multiple blocks are selected\n\t\t// (top and bottom blocks are used to calculate the resulting rect).\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst topRect = (\n\t\t\t\t\tanchorRef as PopoverAnchorRefTopBottom\n\t\t\t\t ).top.getBoundingClientRect();\n\t\t\t\tconst bottomRect = (\n\t\t\t\t\tanchorRef as PopoverAnchorRefTopBottom\n\t\t\t\t ).bottom.getBoundingClientRect();\n\t\t\t\treturn new window.DOMRect(\n\t\t\t\t\ttopRect.x,\n\t\t\t\t\ttopRect.y,\n\t\t\t\t\ttopRect.width,\n\t\t\t\t\tbottomRect.bottom - topRect.top\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t} else if (\n\t\t( anchorRef as PopoverAnchorRefReference | undefined )?.current\n\t) {\n\t\t// Standard React ref.\n\t\treferenceElement = ( anchorRef as PopoverAnchorRefReference ).current;\n\t} else if ( anchorRef as Element | undefined ) {\n\t\t// If `anchorRef` holds directly the element's value (no `current` key)\n\t\t// This is a weird scenario and should be deprecated.\n\t\treferenceElement = anchorRef as Element;\n\t} else if ( anchorRect ) {\n\t\t// Create a virtual element for the ref.\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn anchorRect;\n\t\t\t},\n\t\t};\n\t} else if ( getAnchorRect ) {\n\t\t// Create a virtual element for the ref.\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\tconst rect = getAnchorRect( fallbackReferenceElement );\n\t\t\t\treturn new window.DOMRect(\n\t\t\t\t\trect.x ?? rect.left,\n\t\t\t\t\trect.y ?? rect.top,\n\t\t\t\t\trect.width ?? rect.right - rect.left,\n\t\t\t\t\trect.height ?? rect.bottom - rect.top\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t} else if ( fallbackReferenceElement ) {\n\t\t// If no explicit ref is passed via props, fall back to\n\t\t// anchoring to the popover's parent node.\n\t\treferenceElement = fallbackReferenceElement.parentElement;\n\t}\n\n\tif ( referenceElement && ( scale.x !== 1 || scale.y !== 1 ) ) {\n\t\t// If the popover is inside an iframe, the coordinates of the\n\t\t// reference element need to be scaled to match the iframe's scale.\n\t\tconst rect = referenceElement.getBoundingClientRect();\n\t\treferenceElement = {\n\t\t\tgetBoundingClientRect() {\n\t\t\t\treturn new window.DOMRect(\n\t\t\t\t\trect.x * scale.x,\n\t\t\t\t\trect.y * scale.y,\n\t\t\t\t\trect.width * scale.x,\n\t\t\t\t\trect.height * scale.y\n\t\t\t\t);\n\t\t\t},\n\t\t};\n\t}\n\n\t// Convert any `undefined` value to `null`.\n\treturn referenceElement ?? null;\n};\n"]}

package/build-module/private-apis.js

@@ -10,6 +10,7 @@ import { default as CustomSelectControl } from './custom-select-control';
 import { positionToPlacement as __experimentalPopoverLegacyPositionToPlacement } from './popover/utils';
 import { createPrivateSlotFill } from './slot-fill';
 import { DropdownMenu as DropdownMenuV2, DropdownMenuCheckboxItem as DropdownMenuCheckboxItemV2, DropdownMenuGroup as DropdownMenuGroupV2, DropdownMenuItem as DropdownMenuItemV2, DropdownMenuLabel as DropdownMenuLabelV2, DropdownMenuRadioGroup as DropdownMenuRadioGroupV2, DropdownMenuRadioItem as DropdownMenuRadioItemV2, DropdownMenuSeparator as DropdownMenuSeparatorV2, DropdownSubMenu as DropdownSubMenuV2, DropdownSubMenuTrigger as DropdownSubMenuTriggerV2 } from './dropdown-menu-v2';
+import { ComponentsContext } from './ui/context/context-system-provider';
 export const {
   lock,
   unlock
@@ -19,6 +20,7 @@ lock(privateApis, {
   CustomSelectControl,
   __experimentalPopoverLegacyPositionToPlacement,
   createPrivateSlotFill,
+  ComponentsContext,
   DropdownMenuV2,
   DropdownMenuCheckboxItemV2,
   DropdownMenuGroupV2,

package/build-module/private-apis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/private-apis.ts"],"names":["__dangerousOptInToUnstableAPIsOnlyForCoreModules","default","CustomSelectControl","positionToPlacement","__experimentalPopoverLegacyPositionToPlacement","createPrivateSlotFill","DropdownMenu","DropdownMenuV2","DropdownMenuCheckboxItem","DropdownMenuCheckboxItemV2","DropdownMenuGroup","DropdownMenuGroupV2","DropdownMenuItem","DropdownMenuItemV2","DropdownMenuLabel","DropdownMenuLabelV2","DropdownMenuRadioGroup","DropdownMenuRadioGroupV2","DropdownMenuRadioItem","DropdownMenuRadioItemV2","DropdownMenuSeparator","DropdownMenuSeparatorV2","DropdownSubMenu","DropdownSubMenuV2","DropdownSubMenuTrigger","DropdownSubMenuTriggerV2","lock","unlock","privateApis"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gDAAT,QAAiE,yBAAjE;AAEA;AACA;AACA;;AACA,SAASC,OAAO,IAAIC,mBAApB,QAA+C,yBAA/C;AACA,SAASC,mBAAmB,IAAIC,8CAAhC,QAAsF,iBAAtF;AACA,SAASC,qBAAT,QAAsC,aAAtC;AACA,SACCC,YAAY,IAAIC,cADjB,EAECC,wBAAwB,IAAIC,0BAF7B,EAGCC,iBAAiB,IAAIC,mBAHtB,EAICC,gBAAgB,IAAIC,kBAJrB,EAKCC,iBAAiB,IAAIC,mBALtB,EAMCC,sBAAsB,IAAIC,wBAN3B,EAOCC,qBAAqB,IAAIC,uBAP1B,EAQCC,qBAAqB,IAAIC,uBAR1B,EASCC,eAAe,IAAIC,iBATpB,EAUCC,sBAAsB,IAAIC,wBAV3B,QAWO,oBAXP;AAaA,OAAO,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IACZ3B,gDAAgD,CAC/C,8GAD+C,EAE/C,uBAF+C,CAD1C;AAMP,OAAO,MAAM4B,WAAW,GAAG,EAApB;AACPF,IAAI,CAAEE,WAAF,EAAe;AAClB1B,EAAAA,mBADkB;AAElBE,EAAAA,8CAFkB;AAGlBC,EAAAA,qBAHkB;AAIlBE,EAAAA,cAJkB;AAKlBE,EAAAA,0BALkB;AAMlBE,EAAAA,mBANkB;AAOlBE,EAAAA,kBAPkB;AAQlBE,EAAAA,mBARkB;AASlBE,EAAAA,wBATkB;AAUlBE,EAAAA,uBAVkB;AAWlBE,EAAAA,uBAXkB;AAYlBE,EAAAA,iBAZkB;AAalBE,EAAAA;AAbkB,CAAf,CAAJ","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\n/**\n * Internal dependencies\n */\nimport { default as CustomSelectControl } from './custom-select-control';\nimport { positionToPlacement as __experimentalPopoverLegacyPositionToPlacement } from './popover/utils';\nimport { createPrivateSlotFill } from './slot-fill';\nimport {\n\tDropdownMenu as DropdownMenuV2,\n\tDropdownMenuCheckboxItem as DropdownMenuCheckboxItemV2,\n\tDropdownMenuGroup as DropdownMenuGroupV2,\n\tDropdownMenuItem as DropdownMenuItemV2,\n\tDropdownMenuLabel as DropdownMenuLabelV2,\n\tDropdownMenuRadioGroup as DropdownMenuRadioGroupV2,\n\tDropdownMenuRadioItem as DropdownMenuRadioItemV2,\n\tDropdownMenuSeparator as DropdownMenuSeparatorV2,\n\tDropdownSubMenu as DropdownSubMenuV2,\n\tDropdownSubMenuTrigger as DropdownSubMenuTriggerV2,\n} from './dropdown-menu-v2';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.',\n\t\t'@wordpress/components'\n\t);\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCustomSelectControl,\n\t__experimentalPopoverLegacyPositionToPlacement,\n\tcreatePrivateSlotFill,\n\tDropdownMenuV2,\n\tDropdownMenuCheckboxItemV2,\n\tDropdownMenuGroupV2,\n\tDropdownMenuItemV2,\n\tDropdownMenuLabelV2,\n\tDropdownMenuRadioGroupV2,\n\tDropdownMenuRadioItemV2,\n\tDropdownMenuSeparatorV2,\n\tDropdownSubMenuV2,\n\tDropdownSubMenuTriggerV2,\n} );\n"]}
+{"version":3,"sources":["@wordpress/components/src/private-apis.ts"],"names":["__dangerousOptInToUnstableAPIsOnlyForCoreModules","default","CustomSelectControl","positionToPlacement","__experimentalPopoverLegacyPositionToPlacement","createPrivateSlotFill","DropdownMenu","DropdownMenuV2","DropdownMenuCheckboxItem","DropdownMenuCheckboxItemV2","DropdownMenuGroup","DropdownMenuGroupV2","DropdownMenuItem","DropdownMenuItemV2","DropdownMenuLabel","DropdownMenuLabelV2","DropdownMenuRadioGroup","DropdownMenuRadioGroupV2","DropdownMenuRadioItem","DropdownMenuRadioItemV2","DropdownMenuSeparator","DropdownMenuSeparatorV2","DropdownSubMenu","DropdownSubMenuV2","DropdownSubMenuTrigger","DropdownSubMenuTriggerV2","ComponentsContext","lock","unlock","privateApis"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gDAAT,QAAiE,yBAAjE;AAEA;AACA;AACA;;AACA,SAASC,OAAO,IAAIC,mBAApB,QAA+C,yBAA/C;AACA,SAASC,mBAAmB,IAAIC,8CAAhC,QAAsF,iBAAtF;AACA,SAASC,qBAAT,QAAsC,aAAtC;AACA,SACCC,YAAY,IAAIC,cADjB,EAECC,wBAAwB,IAAIC,0BAF7B,EAGCC,iBAAiB,IAAIC,mBAHtB,EAICC,gBAAgB,IAAIC,kBAJrB,EAKCC,iBAAiB,IAAIC,mBALtB,EAMCC,sBAAsB,IAAIC,wBAN3B,EAOCC,qBAAqB,IAAIC,uBAP1B,EAQCC,qBAAqB,IAAIC,uBAR1B,EASCC,eAAe,IAAIC,iBATpB,EAUCC,sBAAsB,IAAIC,wBAV3B,QAWO,oBAXP;AAYA,SAASC,iBAAT,QAAkC,sCAAlC;AAEA,OAAO,MAAM;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IACZ5B,gDAAgD,CAC/C,8GAD+C,EAE/C,uBAF+C,CAD1C;AAMP,OAAO,MAAM6B,WAAW,GAAG,EAApB;AACPF,IAAI,CAAEE,WAAF,EAAe;AAClB3B,EAAAA,mBADkB;AAElBE,EAAAA,8CAFkB;AAGlBC,EAAAA,qBAHkB;AAIlBqB,EAAAA,iBAJkB;AAKlBnB,EAAAA,cALkB;AAMlBE,EAAAA,0BANkB;AAOlBE,EAAAA,mBAPkB;AAQlBE,EAAAA,kBARkB;AASlBE,EAAAA,mBATkB;AAUlBE,EAAAA,wBAVkB;AAWlBE,EAAAA,uBAXkB;AAYlBE,EAAAA,uBAZkB;AAalBE,EAAAA,iBAbkB;AAclBE,EAAAA;AAdkB,CAAf,CAAJ","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';\n\n/**\n * Internal dependencies\n */\nimport { default as CustomSelectControl } from './custom-select-control';\nimport { positionToPlacement as __experimentalPopoverLegacyPositionToPlacement } from './popover/utils';\nimport { createPrivateSlotFill } from './slot-fill';\nimport {\n\tDropdownMenu as DropdownMenuV2,\n\tDropdownMenuCheckboxItem as DropdownMenuCheckboxItemV2,\n\tDropdownMenuGroup as DropdownMenuGroupV2,\n\tDropdownMenuItem as DropdownMenuItemV2,\n\tDropdownMenuLabel as DropdownMenuLabelV2,\n\tDropdownMenuRadioGroup as DropdownMenuRadioGroupV2,\n\tDropdownMenuRadioItem as DropdownMenuRadioItemV2,\n\tDropdownMenuSeparator as DropdownMenuSeparatorV2,\n\tDropdownSubMenu as DropdownSubMenuV2,\n\tDropdownSubMenuTrigger as DropdownSubMenuTriggerV2,\n} from './dropdown-menu-v2';\nimport { ComponentsContext } from './ui/context/context-system-provider';\n\nexport const { lock, unlock } =\n\t__dangerousOptInToUnstableAPIsOnlyForCoreModules(\n\t\t'I know using unstable features means my plugin or theme will inevitably break on the next WordPress release.',\n\t\t'@wordpress/components'\n\t);\n\nexport const privateApis = {};\nlock( privateApis, {\n\tCustomSelectControl,\n\t__experimentalPopoverLegacyPositionToPlacement,\n\tcreatePrivateSlotFill,\n\tComponentsContext,\n\tDropdownMenuV2,\n\tDropdownMenuCheckboxItemV2,\n\tDropdownMenuGroupV2,\n\tDropdownMenuItemV2,\n\tDropdownMenuLabelV2,\n\tDropdownMenuRadioGroupV2,\n\tDropdownMenuRadioItemV2,\n\tDropdownMenuSeparatorV2,\n\tDropdownSubMenuV2,\n\tDropdownSubMenuTriggerV2,\n} );\n"]}

package/build-module/query-controls/author-select.js

@@ -5,14 +5,13 @@ import { createElement } from "@wordpress/element";
  */
 import { buildTermsTree } from './terms';
 import TreeSelect from '../tree-select';
-export default function AuthorSelect(_ref) {
-  let {
-    label,
-    noOptionLabel,
-    authorList,
-    selectedAuthorId,
-    onChange: onChangeProp
-  } = _ref;
+export default function AuthorSelect({
+  label,
+  noOptionLabel,
+  authorList,
+  selectedAuthorId,
+  onChange: onChangeProp
+}) {
   if (!authorList) return null;
   const termsTree = buildTermsTree(authorList);
   return createElement(TreeSelect, {

package/build-module/query-controls/author-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/query-controls/author-select.tsx"],"names":["buildTermsTree","TreeSelect","AuthorSelect","label","noOptionLabel","authorList","selectedAuthorId","onChange","onChangeProp","termsTree","undefined","String"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,SAA/B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAGA,eAAe,SAASC,YAAT,OAMQ;AAAA,MANe;AACrCC,IAAAA,KADqC;AAErCC,IAAAA,aAFqC;AAGrCC,IAAAA,UAHqC;AAIrCC,IAAAA,gBAJqC;AAKrCC,IAAAA,QAAQ,EAAEC;AAL2B,GAMf;AACtB,MAAK,CAAEH,UAAP,EAAoB,OAAO,IAAP;AACpB,QAAMI,SAAS,GAAGT,cAAc,CAAEK,UAAF,CAAhC;AACA,SACC,cAAC,UAAD;AAEEF,IAAAA,KAFF;AAGEC,IAAAA,aAHF;AAIEG,IAAAA,QAAQ,EAAEC,YAJZ;AAMC,IAAA,IAAI,EAAGC,SANR;AAOC,IAAA,UAAU,EACTH,gBAAgB,KAAKI,SAArB,GACGC,MAAM,CAAEL,gBAAF,CADT,GAEGI,SAVL;AAYC,IAAA,uBAAuB;AAZxB,IADD;AAgBA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport type { AuthorSelectProps } from './types';\n\nexport default function AuthorSelect( {\n\tlabel,\n\tnoOptionLabel,\n\tauthorList,\n\tselectedAuthorId,\n\tonChange: onChangeProp,\n}: AuthorSelectProps ) {\n\tif ( ! authorList ) return null;\n\tconst termsTree = buildTermsTree( authorList );\n\treturn (\n\t\t<TreeSelect\n\t\t\t{ ...{\n\t\t\t\tlabel,\n\t\t\t\tnoOptionLabel,\n\t\t\t\tonChange: onChangeProp,\n\t\t\t} }\n\t\t\ttree={ termsTree }\n\t\t\tselectedId={\n\t\t\t\tselectedAuthorId !== undefined\n\t\t\t\t\t? String( selectedAuthorId )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/query-controls/author-select.tsx"],"names":["buildTermsTree","TreeSelect","AuthorSelect","label","noOptionLabel","authorList","selectedAuthorId","onChange","onChangeProp","termsTree","undefined","String"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,SAA/B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAGA,eAAe,SAASC,YAAT,CAAuB;AACrCC,EAAAA,KADqC;AAErCC,EAAAA,aAFqC;AAGrCC,EAAAA,UAHqC;AAIrCC,EAAAA,gBAJqC;AAKrCC,EAAAA,QAAQ,EAAEC;AAL2B,CAAvB,EAMQ;AACtB,MAAK,CAAEH,UAAP,EAAoB,OAAO,IAAP;AACpB,QAAMI,SAAS,GAAGT,cAAc,CAAEK,UAAF,CAAhC;AACA,SACC,cAAC,UAAD;AAEEF,IAAAA,KAFF;AAGEC,IAAAA,aAHF;AAIEG,IAAAA,QAAQ,EAAEC,YAJZ;AAMC,IAAA,IAAI,EAAGC,SANR;AAOC,IAAA,UAAU,EACTH,gBAAgB,KAAKI,SAArB,GACGC,MAAM,CAAEL,gBAAF,CADT,GAEGI,SAVL;AAYC,IAAA,uBAAuB;AAZxB,IADD;AAgBA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\nimport type { AuthorSelectProps } from './types';\n\nexport default function AuthorSelect( {\n\tlabel,\n\tnoOptionLabel,\n\tauthorList,\n\tselectedAuthorId,\n\tonChange: onChangeProp,\n}: AuthorSelectProps ) {\n\tif ( ! authorList ) return null;\n\tconst termsTree = buildTermsTree( authorList );\n\treturn (\n\t\t<TreeSelect\n\t\t\t{ ...{\n\t\t\t\tlabel,\n\t\t\t\tnoOptionLabel,\n\t\t\t\tonChange: onChangeProp,\n\t\t\t} }\n\t\t\ttree={ termsTree }\n\t\t\tselectedId={\n\t\t\t\tselectedAuthorId !== undefined\n\t\t\t\t\t? String( selectedAuthorId )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n"]}

package/build-module/query-controls/category-select.js

@@ -11,15 +11,14 @@ import TreeSelect from '../tree-select';
  */
 
 import { useMemo } from '@wordpress/element';
-export default function CategorySelect(_ref) {
-  let {
-    label,
-    noOptionLabel,
-    categoriesList,
-    selectedCategoryId,
-    onChange: onChangeProp,
-    ...props
-  } = _ref;
+export default function CategorySelect({
+  label,
+  noOptionLabel,
+  categoriesList,
+  selectedCategoryId,
+  onChange: onChangeProp,
+  ...props
+}) {
   const termsTree = useMemo(() => {
     return buildTermsTree(categoriesList);
   }, [categoriesList]);

package/build-module/query-controls/category-select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/query-controls/category-select.tsx"],"names":["buildTermsTree","TreeSelect","useMemo","CategorySelect","label","noOptionLabel","categoriesList","selectedCategoryId","onChange","onChangeProp","props","termsTree","undefined","String"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,SAA/B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEA;AACA;AACA;;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAGA,eAAe,SAASC,cAAT,OAOU;AAAA,MAPe;AACvCC,IAAAA,KADuC;AAEvCC,IAAAA,aAFuC;AAGvCC,IAAAA,cAHuC;AAIvCC,IAAAA,kBAJuC;AAKvCC,IAAAA,QAAQ,EAAEC,YAL6B;AAMvC,OAAGC;AANoC,GAOf;AACxB,QAAMC,SAAS,GAAGT,OAAO,CAAE,MAAM;AAChC,WAAOF,cAAc,CAAEM,cAAF,CAArB;AACA,GAFwB,EAEtB,CAAEA,cAAF,CAFsB,CAAzB;AAIA,SACC,cAAC,UAAD;AAEEF,IAAAA,KAFF;AAGEC,IAAAA,aAHF;AAIEG,IAAAA,QAAQ,EAAEC,YAJZ;AAMC,IAAA,IAAI,EAAGE,SANR;AAOC,IAAA,UAAU,EACTJ,kBAAkB,KAAKK,SAAvB,GACGC,MAAM,CAAEN,kBAAF,CADT,GAEGK;AAVL,KAYMF,KAZN;AAaC,IAAA,uBAAuB;AAbxB,KADD;AAiBA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport type { CategorySelectProps } from './types';\n\nexport default function CategorySelect( {\n\tlabel,\n\tnoOptionLabel,\n\tcategoriesList,\n\tselectedCategoryId,\n\tonChange: onChangeProp,\n\t...props\n}: CategorySelectProps ) {\n\tconst termsTree = useMemo( () => {\n\t\treturn buildTermsTree( categoriesList );\n\t}, [ categoriesList ] );\n\n\treturn (\n\t\t<TreeSelect\n\t\t\t{ ...{\n\t\t\t\tlabel,\n\t\t\t\tnoOptionLabel,\n\t\t\t\tonChange: onChangeProp,\n\t\t\t} }\n\t\t\ttree={ termsTree }\n\t\t\tselectedId={\n\t\t\t\tselectedCategoryId !== undefined\n\t\t\t\t\t? String( selectedCategoryId )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/query-controls/category-select.tsx"],"names":["buildTermsTree","TreeSelect","useMemo","CategorySelect","label","noOptionLabel","categoriesList","selectedCategoryId","onChange","onChangeProp","props","termsTree","undefined","String"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,SAA/B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEA;AACA;AACA;;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAGA,eAAe,SAASC,cAAT,CAAyB;AACvCC,EAAAA,KADuC;AAEvCC,EAAAA,aAFuC;AAGvCC,EAAAA,cAHuC;AAIvCC,EAAAA,kBAJuC;AAKvCC,EAAAA,QAAQ,EAAEC,YAL6B;AAMvC,KAAGC;AANoC,CAAzB,EAOU;AACxB,QAAMC,SAAS,GAAGT,OAAO,CAAE,MAAM;AAChC,WAAOF,cAAc,CAAEM,cAAF,CAArB;AACA,GAFwB,EAEtB,CAAEA,cAAF,CAFsB,CAAzB;AAIA,SACC,cAAC,UAAD;AAEEF,IAAAA,KAFF;AAGEC,IAAAA,aAHF;AAIEG,IAAAA,QAAQ,EAAEC,YAJZ;AAMC,IAAA,IAAI,EAAGE,SANR;AAOC,IAAA,UAAU,EACTJ,kBAAkB,KAAKK,SAAvB,GACGC,MAAM,CAAEN,kBAAF,CADT,GAEGK;AAVL,KAYMF,KAZN;AAaC,IAAA,uBAAuB;AAbxB,KADD;AAiBA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { buildTermsTree } from './terms';\nimport TreeSelect from '../tree-select';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport type { CategorySelectProps } from './types';\n\nexport default function CategorySelect( {\n\tlabel,\n\tnoOptionLabel,\n\tcategoriesList,\n\tselectedCategoryId,\n\tonChange: onChangeProp,\n\t...props\n}: CategorySelectProps ) {\n\tconst termsTree = useMemo( () => {\n\t\treturn buildTermsTree( categoriesList );\n\t}, [ categoriesList ] );\n\n\treturn (\n\t\t<TreeSelect\n\t\t\t{ ...{\n\t\t\t\tlabel,\n\t\t\t\tnoOptionLabel,\n\t\t\t\tonChange: onChangeProp,\n\t\t\t} }\n\t\t\ttree={ termsTree }\n\t\t\tselectedId={\n\t\t\t\tselectedCategoryId !== undefined\n\t\t\t\t\t? String( selectedCategoryId )\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\t{ ...props }\n\t\t\t__nextHasNoMarginBottom\n\t\t/>\n\t);\n}\n"]}

package/build-module/query-controls/index.js

@@ -52,23 +52,22 @@ function isMultipleCategorySelection(props) {
  */
 
 
-export function QueryControls(_ref) {
-  let {
-    authorList,
-    selectedAuthorId,
-    numberOfItems,
-    order,
-    orderBy,
-    maxItems = DEFAULT_MAX_ITEMS,
-    minItems = DEFAULT_MIN_ITEMS,
-    onAuthorChange,
-    onNumberOfItemsChange,
-    onOrderChange,
-    onOrderByChange,
-    // Props for single OR multiple category selection are not destructured here,
-    // but instead are destructured inline where necessary.
-    ...props
-  } = _ref;
+export function QueryControls({
+  authorList,
+  selectedAuthorId,
+  numberOfItems,
+  order,
+  orderBy,
+  maxItems = DEFAULT_MAX_ITEMS,
+  minItems = DEFAULT_MIN_ITEMS,
+  onAuthorChange,
+  onNumberOfItemsChange,
+  onOrderChange,
+  onOrderByChange,
+  // Props for single OR multiple category selection are not destructured here,
+  // but instead are destructured inline where necessary.
+  ...props
+}) {
   return createElement(VStack, {
     spacing: "4",
     className: "components-query-controls"

package/build-module/query-controls/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/query-controls/index.tsx"],"names":["__","AuthorSelect","CategorySelect","FormTokenField","RangeControl","SelectControl","VStack","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","MAX_CATEGORIES_SUGGESTIONS","isSingleCategorySelection","props","isMultipleCategorySelection","QueryControls","authorList","selectedAuthorId","numberOfItems","order","orderBy","maxItems","minItems","onAuthorChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","label","value","newOrderBy","newOrder","split","categoriesList","onCategoryChange","selectedCategoryId","categorySuggestions","selectedCategories","map","item","id","name","Object","keys"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport type {\n\tQueryControlsProps,\n\tQueryControlsWithMultipleCategorySelectionProps,\n\tQueryControlsWithSingleCategorySelectionProps,\n} from './types';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\n\nfunction isSingleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithSingleCategorySelectionProps {\n\treturn 'categoriesList' in props;\n}\n\nfunction isMultipleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithMultipleCategorySelectionProps {\n\treturn 'categorySuggestions' in props;\n}\n\n/**\n * Controls to query for posts.\n *\n * ```jsx\n * const MyQueryControls = () => (\n *   <QueryControls\n *     { ...{ maxItems, minItems, numberOfItems, order, orderBy } }\n *     onOrderByChange={ ( newOrderBy ) => {\n *       updateQuery( { orderBy: newOrderBy } )\n *     }\n *     onOrderChange={ ( newOrder ) => {\n *       updateQuery( { order: newOrder } )\n *     }\n *     categoriesList={ categories }\n *     selectedCategoryId={ category }\n *     onCategoryChange={ ( newCategory ) => {\n *       updateQuery( { category: newCategory } )\n *     }\n *     onNumberOfItemsChange={ ( newNumberOfItems ) => {\n *       updateQuery( { numberOfItems: newNumberOfItems } )\n *     } }\n *   />\n * );\n * ```\n */\nexport function QueryControls( {\n\tauthorList,\n\tselectedAuthorId,\n\tnumberOfItems,\n\torder,\n\torderBy,\n\tmaxItems = DEFAULT_MAX_ITEMS,\n\tminItems = DEFAULT_MIN_ITEMS,\n\tonAuthorChange,\n\tonNumberOfItemsChange,\n\tonOrderChange,\n\tonOrderByChange,\n\t// Props for single OR multiple category selection are not destructured here,\n\t// but instead are destructured inline where necessary.\n\t...props\n}: QueryControlsProps ) {\n\treturn (\n\t\t<VStack spacing=\"4\" className=\"components-query-controls\">\n\t\t\t{ [\n\t\t\t\tonOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tkey=\"query-controls-order-select\"\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Newest to oldest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Oldest to newest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/* translators: label for ordering posts by title in ascending order */\n\t\t\t\t\t\t\t\tlabel: __( 'A → Z' ),\n\t\t\t\t\t\t\t\tvalue: 'title/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/* translators: label for ordering posts by title in descending order */\n\t\t\t\t\t\t\t\tlabel: __( 'Z → A' ),\n\t\t\t\t\t\t\t\tvalue: 'title/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tif ( typeof value !== 'string' ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\t\t\t\tonOrderChange(\n\t\t\t\t\t\t\t\t\tnewOrder as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'order' ]\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}\n\t\t\t\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\t\t\t\tonOrderByChange(\n\t\t\t\t\t\t\t\t\tnewOrderBy as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'orderBy' ]\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}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tisSingleCategorySelection( props ) &&\n\t\t\t\t\tprops.categoriesList &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\t\tkey=\"query-controls-category-select\"\n\t\t\t\t\t\t\tcategoriesList={ props.categoriesList }\n\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\t\tselectedCategoryId={ props.selectedCategoryId }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tisMultipleCategorySelection( props ) &&\n\t\t\t\t\tprops.categorySuggestions &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<FormTokenField\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tkey=\"query-controls-categories-select\"\n\t\t\t\t\t\t\tlabel={ __( 'Categories' ) }\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tprops.selectedCategories &&\n\t\t\t\t\t\t\t\tprops.selectedCategories.map( ( item ) => ( {\n\t\t\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\t\t\t// Keeping the fallback to `item.value` for legacy reasons,\n\t\t\t\t\t\t\t\t\t// even if items of `selectedCategories` should not have a\n\t\t\t\t\t\t\t\t\t// `value` property.\n\t\t\t\t\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\t\t\t\t\tvalue: item.name || item.value,\n\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsuggestions={ Object.keys(\n\t\t\t\t\t\t\t\tprops.categorySuggestions\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t\tmaxSuggestions={ MAX_CATEGORIES_SUGGESTIONS }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tonAuthorChange && (\n\t\t\t\t\t<AuthorSelect\n\t\t\t\t\t\tkey=\"query-controls-author-select\"\n\t\t\t\t\t\tauthorList={ authorList }\n\t\t\t\t\t\tlabel={ __( 'Author' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedAuthorId={ selectedAuthorId }\n\t\t\t\t\t\tonChange={ onAuthorChange }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tonNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tkey=\"query-controls-range-control\"\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t] }\n\t\t</VStack>\n\t);\n}\n\nexport default QueryControls;\n"]}
+{"version":3,"sources":["@wordpress/components/src/query-controls/index.tsx"],"names":["__","AuthorSelect","CategorySelect","FormTokenField","RangeControl","SelectControl","VStack","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","MAX_CATEGORIES_SUGGESTIONS","isSingleCategorySelection","props","isMultipleCategorySelection","QueryControls","authorList","selectedAuthorId","numberOfItems","order","orderBy","maxItems","minItems","onAuthorChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","label","value","newOrderBy","newOrder","split","categoriesList","onCategoryChange","selectedCategoryId","categorySuggestions","selectedCategories","map","item","id","name","Object","keys"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AuthorSelect from './author-select';\nimport CategorySelect from './category-select';\nimport FormTokenField from '../form-token-field';\nimport RangeControl from '../range-control';\nimport SelectControl from '../select-control';\nimport { VStack } from '../v-stack';\nimport type {\n\tQueryControlsProps,\n\tQueryControlsWithMultipleCategorySelectionProps,\n\tQueryControlsWithSingleCategorySelectionProps,\n} from './types';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\nconst MAX_CATEGORIES_SUGGESTIONS = 20;\n\nfunction isSingleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithSingleCategorySelectionProps {\n\treturn 'categoriesList' in props;\n}\n\nfunction isMultipleCategorySelection(\n\tprops: QueryControlsProps\n): props is QueryControlsWithMultipleCategorySelectionProps {\n\treturn 'categorySuggestions' in props;\n}\n\n/**\n * Controls to query for posts.\n *\n * ```jsx\n * const MyQueryControls = () => (\n *   <QueryControls\n *     { ...{ maxItems, minItems, numberOfItems, order, orderBy } }\n *     onOrderByChange={ ( newOrderBy ) => {\n *       updateQuery( { orderBy: newOrderBy } )\n *     }\n *     onOrderChange={ ( newOrder ) => {\n *       updateQuery( { order: newOrder } )\n *     }\n *     categoriesList={ categories }\n *     selectedCategoryId={ category }\n *     onCategoryChange={ ( newCategory ) => {\n *       updateQuery( { category: newCategory } )\n *     }\n *     onNumberOfItemsChange={ ( newNumberOfItems ) => {\n *       updateQuery( { numberOfItems: newNumberOfItems } )\n *     } }\n *   />\n * );\n * ```\n */\nexport function QueryControls( {\n\tauthorList,\n\tselectedAuthorId,\n\tnumberOfItems,\n\torder,\n\torderBy,\n\tmaxItems = DEFAULT_MAX_ITEMS,\n\tminItems = DEFAULT_MIN_ITEMS,\n\tonAuthorChange,\n\tonNumberOfItemsChange,\n\tonOrderChange,\n\tonOrderByChange,\n\t// Props for single OR multiple category selection are not destructured here,\n\t// but instead are destructured inline where necessary.\n\t...props\n}: QueryControlsProps ) {\n\treturn (\n\t\t<VStack spacing=\"4\" className=\"components-query-controls\">\n\t\t\t{ [\n\t\t\t\tonOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tkey=\"query-controls-order-select\"\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Newest to oldest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tlabel: __( 'Oldest to newest' ),\n\t\t\t\t\t\t\t\tvalue: 'date/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/* translators: label for ordering posts by title in ascending order */\n\t\t\t\t\t\t\t\tlabel: __( 'A → Z' ),\n\t\t\t\t\t\t\t\tvalue: 'title/asc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t/* translators: label for ordering posts by title in descending order */\n\t\t\t\t\t\t\t\tlabel: __( 'Z → A' ),\n\t\t\t\t\t\t\t\tvalue: 'title/desc',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tif ( typeof value !== 'string' ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\t\t\t\tonOrderChange(\n\t\t\t\t\t\t\t\t\tnewOrder as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'order' ]\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}\n\t\t\t\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\t\t\t\tonOrderByChange(\n\t\t\t\t\t\t\t\t\tnewOrderBy as NonNullable<\n\t\t\t\t\t\t\t\t\t\tQueryControlsProps[ 'orderBy' ]\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}\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tisSingleCategorySelection( props ) &&\n\t\t\t\t\tprops.categoriesList &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\t\tkey=\"query-controls-category-select\"\n\t\t\t\t\t\t\tcategoriesList={ props.categoriesList }\n\t\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\t\tselectedCategoryId={ props.selectedCategoryId }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tisMultipleCategorySelection( props ) &&\n\t\t\t\t\tprops.categorySuggestions &&\n\t\t\t\t\tprops.onCategoryChange && (\n\t\t\t\t\t\t<FormTokenField\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tkey=\"query-controls-categories-select\"\n\t\t\t\t\t\t\tlabel={ __( 'Categories' ) }\n\t\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\t\tprops.selectedCategories &&\n\t\t\t\t\t\t\t\tprops.selectedCategories.map( ( item ) => ( {\n\t\t\t\t\t\t\t\t\tid: item.id,\n\t\t\t\t\t\t\t\t\t// Keeping the fallback to `item.value` for legacy reasons,\n\t\t\t\t\t\t\t\t\t// even if items of `selectedCategories` should not have a\n\t\t\t\t\t\t\t\t\t// `value` property.\n\t\t\t\t\t\t\t\t\t// @ts-expect-error\n\t\t\t\t\t\t\t\t\tvalue: item.name || item.value,\n\t\t\t\t\t\t\t\t} ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsuggestions={ Object.keys(\n\t\t\t\t\t\t\t\tprops.categorySuggestions\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tonChange={ props.onCategoryChange }\n\t\t\t\t\t\t\tmaxSuggestions={ MAX_CATEGORIES_SUGGESTIONS }\n\t\t\t\t\t\t/>\n\t\t\t\t\t),\n\t\t\t\tonAuthorChange && (\n\t\t\t\t\t<AuthorSelect\n\t\t\t\t\t\tkey=\"query-controls-author-select\"\n\t\t\t\t\t\tauthorList={ authorList }\n\t\t\t\t\t\tlabel={ __( 'Author' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedAuthorId={ selectedAuthorId }\n\t\t\t\t\t\tonChange={ onAuthorChange }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tonNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tkey=\"query-controls-range-control\"\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t] }\n\t\t</VStack>\n\t);\n}\n\nexport default QueryControls;\n"]}

package/build-module/query-controls/index.native.js

@@ -28,20 +28,19 @@ const options = [{
   label: __('Z → A'),
   value: 'title/desc'
 }];
-const QueryControls = memo(_ref => {
-  let {
-    categoriesList,
-    selectedCategoryId,
-    numberOfItems,
-    order,
-    orderBy,
-    maxItems = DEFAULT_MAX_ITEMS,
-    minItems = DEFAULT_MIN_ITEMS,
-    onCategoryChange,
-    onNumberOfItemsChange,
-    onOrderChange,
-    onOrderByChange
-  } = _ref;
+const QueryControls = memo(({
+  categoriesList,
+  selectedCategoryId,
+  numberOfItems,
+  order,
+  orderBy,
+  maxItems = DEFAULT_MAX_ITEMS,
+  minItems = DEFAULT_MIN_ITEMS,
+  onCategoryChange,
+  onNumberOfItemsChange,
+  onOrderChange,
+  onOrderByChange
+}) => {
   const onChange = useCallback(value => {
     const [newOrderBy, newOrder] = value.split('/');
 

package/build-module/query-controls/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/query-controls/index.native.js"],"names":["__","useCallback","memo","RangeControl","SelectControl","CategorySelect","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","options","label","value","QueryControls","categoriesList","selectedCategoryId","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","onChange","newOrderBy","newOrder","split"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,IAAtB,QAAkC,oBAAlC;AAEA;AACA;AACA;;AACA,SAASC,YAAT,EAAuBC,aAAvB,QAA4C,KAA5C;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AAEA,MAAMC,iBAAiB,GAAG,CAA1B;AACA,MAAMC,iBAAiB,GAAG,GAA1B;AAEA,MAAMC,OAAO,GAAG,CACf;AACCC,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CADe,EAKf;AACCD,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CALe,EASf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CATe,EAcf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CAde,CAAhB;AAqBA,MAAMC,aAAa,GAAGT,IAAI,CACzB,QAYO;AAAA,MAZL;AACDU,IAAAA,cADC;AAEDC,IAAAA,kBAFC;AAGDC,IAAAA,aAHC;AAIDC,IAAAA,KAJC;AAKDC,IAAAA,OALC;AAMDC,IAAAA,QAAQ,GAAGV,iBANV;AAODW,IAAAA,QAAQ,GAAGZ,iBAPV;AAQDa,IAAAA,gBARC;AASDC,IAAAA,qBATC;AAUDC,IAAAA,aAVC;AAWDC,IAAAA;AAXC,GAYK;AACN,QAAMC,QAAQ,GAAGtB,WAAW,CACzBS,KAAF,IAAa;AACZ,UAAM,CAAEc,UAAF,EAAcC,QAAd,IAA2Bf,KAAK,CAACgB,KAAN,CAAa,GAAb,CAAjC;;AACA,QAAKD,QAAQ,KAAKV,KAAlB,EAA0B;AACzBM,MAAAA,aAAa,CAAEI,QAAF,CAAb;AACA;;AACD,QAAKD,UAAU,KAAKR,OAApB,EAA8B;AAC7BM,MAAAA,eAAe,CAAEE,UAAF,CAAf;AACA;AACD,GAT0B,EAU3B,CAAET,KAAF,EAASC,OAAT,EAAkBM,eAAlB,EAAmCD,aAAnC,CAV2B,CAA5B;AAaA,SACC,8BACGA,aAAa,IAAIC,eAAjB,IACD,cAAC,aAAD;AACC,IAAA,KAAK,EAAGtB,EAAE,CAAE,UAAF,CADX;AAEC,IAAA,KAAK,EAAI,GAAGgB,OAAS,IAAID,KAAO,EAFjC;AAGC,IAAA,OAAO,EAAGP,OAHX;AAIC,IAAA,QAAQ,EAAGe,QAJZ;AAKC,IAAA,gBAAgB,EAAG;AALpB,IAFF,EAUGJ,gBAAgB,IACjB,cAAC,cAAD;AACC,IAAA,cAAc,EAAGP,cADlB;AAEC,IAAA,KAAK,EAAGZ,EAAE,CAAE,UAAF,CAFX;AAGC,IAAA,aAAa,EAAGA,EAAE,CAAE,KAAF,CAHnB;AAIC,IAAA,kBAAkB,EAAGa,kBAJtB;AAKC,IAAA,QAAQ,EAAGM,gBALZ;AAMC,IAAA,gBAAgB,EAAG;AANpB,IAXF,EAoBGC,qBAAqB,IACtB,cAAC,YAAD;AACC,IAAA,KAAK,EAAGpB,EAAE,CAAE,iBAAF,CADX;AAEC,IAAA,KAAK,EAAGc,aAFT;AAGC,IAAA,QAAQ,EAAGM,qBAHZ;AAIC,IAAA,GAAG,EAAGF,QAJP;AAKC,IAAA,GAAG,EAAGD,QALP;AAMC,IAAA,QAAQ;AANT,IArBF,CADD;AAiCA,CA5DwB,CAA1B;AA+DA,eAAeN,aAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { RangeControl, SelectControl } from '../';\nimport CategorySelect from './category-select';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\n\nconst options = [\n\t{\n\t\tlabel: __( 'Newest to oldest' ),\n\t\tvalue: 'date/desc',\n\t},\n\t{\n\t\tlabel: __( 'Oldest to newest' ),\n\t\tvalue: 'date/asc',\n\t},\n\t{\n\t\t/* translators: label for ordering posts by title in ascending order */\n\t\tlabel: __( 'A → Z' ),\n\t\tvalue: 'title/asc',\n\t},\n\t{\n\t\t/* translators: label for ordering posts by title in descending order */\n\t\tlabel: __( 'Z → A' ),\n\t\tvalue: 'title/desc',\n\t},\n];\n\nconst QueryControls = memo(\n\t( {\n\t\tcategoriesList,\n\t\tselectedCategoryId,\n\t\tnumberOfItems,\n\t\torder,\n\t\torderBy,\n\t\tmaxItems = DEFAULT_MAX_ITEMS,\n\t\tminItems = DEFAULT_MIN_ITEMS,\n\t\tonCategoryChange,\n\t\tonNumberOfItemsChange,\n\t\tonOrderChange,\n\t\tonOrderByChange,\n\t} ) => {\n\t\tconst onChange = useCallback(\n\t\t\t( value ) => {\n\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\tonOrderChange( newOrder );\n\t\t\t\t}\n\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\tonOrderByChange( newOrderBy );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ order, orderBy, onOrderByChange, onOrderChange ]\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ onOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onCategoryChange && (\n\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\tcategoriesList={ categoriesList }\n\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedCategoryId={ selectedCategoryId }\n\t\t\t\t\t\tonChange={ onCategoryChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default QueryControls;\n"]}
+{"version":3,"sources":["@wordpress/components/src/query-controls/index.native.js"],"names":["__","useCallback","memo","RangeControl","SelectControl","CategorySelect","DEFAULT_MIN_ITEMS","DEFAULT_MAX_ITEMS","options","label","value","QueryControls","categoriesList","selectedCategoryId","numberOfItems","order","orderBy","maxItems","minItems","onCategoryChange","onNumberOfItemsChange","onOrderChange","onOrderByChange","onChange","newOrderBy","newOrder","split"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,IAAtB,QAAkC,oBAAlC;AAEA;AACA;AACA;;AACA,SAASC,YAAT,EAAuBC,aAAvB,QAA4C,KAA5C;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AAEA,MAAMC,iBAAiB,GAAG,CAA1B;AACA,MAAMC,iBAAiB,GAAG,GAA1B;AAEA,MAAMC,OAAO,GAAG,CACf;AACCC,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CADe,EAKf;AACCD,EAAAA,KAAK,EAAET,EAAE,CAAE,kBAAF,CADV;AAECU,EAAAA,KAAK,EAAE;AAFR,CALe,EASf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CATe,EAcf;AACC;AACAD,EAAAA,KAAK,EAAET,EAAE,CAAE,OAAF,CAFV;AAGCU,EAAAA,KAAK,EAAE;AAHR,CAde,CAAhB;AAqBA,MAAMC,aAAa,GAAGT,IAAI,CACzB,CAAE;AACDU,EAAAA,cADC;AAEDC,EAAAA,kBAFC;AAGDC,EAAAA,aAHC;AAIDC,EAAAA,KAJC;AAKDC,EAAAA,OALC;AAMDC,EAAAA,QAAQ,GAAGV,iBANV;AAODW,EAAAA,QAAQ,GAAGZ,iBAPV;AAQDa,EAAAA,gBARC;AASDC,EAAAA,qBATC;AAUDC,EAAAA,aAVC;AAWDC,EAAAA;AAXC,CAAF,KAYO;AACN,QAAMC,QAAQ,GAAGtB,WAAW,CACzBS,KAAF,IAAa;AACZ,UAAM,CAAEc,UAAF,EAAcC,QAAd,IAA2Bf,KAAK,CAACgB,KAAN,CAAa,GAAb,CAAjC;;AACA,QAAKD,QAAQ,KAAKV,KAAlB,EAA0B;AACzBM,MAAAA,aAAa,CAAEI,QAAF,CAAb;AACA;;AACD,QAAKD,UAAU,KAAKR,OAApB,EAA8B;AAC7BM,MAAAA,eAAe,CAAEE,UAAF,CAAf;AACA;AACD,GAT0B,EAU3B,CAAET,KAAF,EAASC,OAAT,EAAkBM,eAAlB,EAAmCD,aAAnC,CAV2B,CAA5B;AAaA,SACC,8BACGA,aAAa,IAAIC,eAAjB,IACD,cAAC,aAAD;AACC,IAAA,KAAK,EAAGtB,EAAE,CAAE,UAAF,CADX;AAEC,IAAA,KAAK,EAAI,GAAGgB,OAAS,IAAID,KAAO,EAFjC;AAGC,IAAA,OAAO,EAAGP,OAHX;AAIC,IAAA,QAAQ,EAAGe,QAJZ;AAKC,IAAA,gBAAgB,EAAG;AALpB,IAFF,EAUGJ,gBAAgB,IACjB,cAAC,cAAD;AACC,IAAA,cAAc,EAAGP,cADlB;AAEC,IAAA,KAAK,EAAGZ,EAAE,CAAE,UAAF,CAFX;AAGC,IAAA,aAAa,EAAGA,EAAE,CAAE,KAAF,CAHnB;AAIC,IAAA,kBAAkB,EAAGa,kBAJtB;AAKC,IAAA,QAAQ,EAAGM,gBALZ;AAMC,IAAA,gBAAgB,EAAG;AANpB,IAXF,EAoBGC,qBAAqB,IACtB,cAAC,YAAD;AACC,IAAA,KAAK,EAAGpB,EAAE,CAAE,iBAAF,CADX;AAEC,IAAA,KAAK,EAAGc,aAFT;AAGC,IAAA,QAAQ,EAAGM,qBAHZ;AAIC,IAAA,GAAG,EAAGF,QAJP;AAKC,IAAA,GAAG,EAAGD,QALP;AAMC,IAAA,QAAQ;AANT,IArBF,CADD;AAiCA,CA5DwB,CAA1B;AA+DA,eAAeN,aAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, memo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { RangeControl, SelectControl } from '../';\nimport CategorySelect from './category-select';\n\nconst DEFAULT_MIN_ITEMS = 1;\nconst DEFAULT_MAX_ITEMS = 100;\n\nconst options = [\n\t{\n\t\tlabel: __( 'Newest to oldest' ),\n\t\tvalue: 'date/desc',\n\t},\n\t{\n\t\tlabel: __( 'Oldest to newest' ),\n\t\tvalue: 'date/asc',\n\t},\n\t{\n\t\t/* translators: label for ordering posts by title in ascending order */\n\t\tlabel: __( 'A → Z' ),\n\t\tvalue: 'title/asc',\n\t},\n\t{\n\t\t/* translators: label for ordering posts by title in descending order */\n\t\tlabel: __( 'Z → A' ),\n\t\tvalue: 'title/desc',\n\t},\n];\n\nconst QueryControls = memo(\n\t( {\n\t\tcategoriesList,\n\t\tselectedCategoryId,\n\t\tnumberOfItems,\n\t\torder,\n\t\torderBy,\n\t\tmaxItems = DEFAULT_MAX_ITEMS,\n\t\tminItems = DEFAULT_MIN_ITEMS,\n\t\tonCategoryChange,\n\t\tonNumberOfItemsChange,\n\t\tonOrderChange,\n\t\tonOrderByChange,\n\t} ) => {\n\t\tconst onChange = useCallback(\n\t\t\t( value ) => {\n\t\t\t\tconst [ newOrderBy, newOrder ] = value.split( '/' );\n\t\t\t\tif ( newOrder !== order ) {\n\t\t\t\t\tonOrderChange( newOrder );\n\t\t\t\t}\n\t\t\t\tif ( newOrderBy !== orderBy ) {\n\t\t\t\t\tonOrderByChange( newOrderBy );\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ order, orderBy, onOrderByChange, onOrderChange ]\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ onOrderChange && onOrderByChange && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Order by' ) }\n\t\t\t\t\t\tvalue={ `${ orderBy }/${ order }` }\n\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onCategoryChange && (\n\t\t\t\t\t<CategorySelect\n\t\t\t\t\t\tcategoriesList={ categoriesList }\n\t\t\t\t\t\tlabel={ __( 'Category' ) }\n\t\t\t\t\t\tnoOptionLabel={ __( 'All' ) }\n\t\t\t\t\t\tselectedCategoryId={ selectedCategoryId }\n\t\t\t\t\t\tonChange={ onCategoryChange }\n\t\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ onNumberOfItemsChange && (\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Number of items' ) }\n\t\t\t\t\t\tvalue={ numberOfItems }\n\t\t\t\t\t\tonChange={ onNumberOfItemsChange }\n\t\t\t\t\t\tmin={ minItems }\n\t\t\t\t\t\tmax={ maxItems }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport default QueryControls;\n"]}

package/build-module/radio-control/index.js

@@ -58,7 +58,7 @@ export function RadioControl(props) {
 
   const onChangeValue = event => onChange(event.target.value);
 
-  if (!(options !== null && options !== void 0 && options.length)) {
+  if (!options?.length) {
     return null;
   }
 

package/build-module/radio-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-control/index.tsx"],"names":["classnames","useInstanceId","BaseControl","VStack","RadioControl","props","label","className","selected","help","onChange","hideLabelFromVision","options","additionalProps","instanceId","id","onChangeValue","event","target","value","length","map","option","index","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;;AAGA;AACA;AACA;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAGA,SAASC,MAAT,QAAuB,YAAvB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,YAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,KADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,IAJK;AAKLC,IAAAA,QALK;AAMLC,IAAAA,mBANK;AAOLC,IAAAA,OAAO,GAAG,EAPL;AAQL,OAAGC;AARE,MASFR,KATJ;AAUA,QAAMS,UAAU,GAAGb,aAAa,CAAEG,YAAF,CAAhC;AACA,QAAMW,EAAE,GAAI,2BAA2BD,UAAY,EAAnD;;AACA,QAAME,aAAa,GAAKC,KAAF,IACrBP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaC,KAAf,CADT;;AAGA,MAAK,EAAEP,OAAF,aAAEA,OAAF,eAAEA,OAAO,CAAEQ,MAAX,CAAL,EAAyB;AACxB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,WAAD;AACC,IAAA,uBAAuB,MADxB;AAEC,IAAA,KAAK,EAAGd,KAFT;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,mBAAmB,EAAGJ,mBAJvB;AAKC,IAAA,IAAI,EAAGF,IALR;AAMC,IAAA,SAAS,EAAGT,UAAU,CAAEO,SAAF,EAAa,0BAAb;AANvB,KAQC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGK,OAAO,CAACS,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KACd;AACC,IAAA,GAAG,EAAI,GAAGR,EAAI,IAAIQ,KAAO,EAD1B;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC;AACC,IAAA,EAAE,EAAI,GAAGR,EAAI,IAAIQ,KAAO,EADzB;AAEC,IAAA,SAAS,EAAC,iCAFX;AAGC,IAAA,IAAI,EAAC,OAHN;AAIC,IAAA,IAAI,EAAGR,EAJR;AAKC,IAAA,KAAK,EAAGO,MAAM,CAACH,KALhB;AAMC,IAAA,QAAQ,EAAGH,aANZ;AAOC,IAAA,OAAO,EAAGM,MAAM,CAACH,KAAP,KAAiBX,QAP5B;AAQC,wBACC,CAAC,CAAEC,IAAH,GAAW,GAAGM,EAAI,QAAlB,GAA4BS;AAT9B,KAWMX,eAXN,EAJD,EAiBC;AAAO,IAAA,OAAO,EAAI,GAAGE,EAAI,IAAIQ,KAAO;AAApC,KACGD,MAAM,CAAChB,KADV,CAjBD,CADC,CADH,CARD,CADD;AAoCA;AAED,eAAeF,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type { RadioControlProps } from './types';\nimport { VStack } from '../v-stack';\n\n/**\n * Render a user interface to select the user type using radio inputs.\n *\n * ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRadioControl = () => {\n *   const [ option, setOption ] = useState( 'a' );\n *\n *   return (\n *     <RadioControl\n *       label=\"User type\"\n *       help=\"The type of the current user\"\n *       selected={ option }\n *       options={ [\n *         { label: 'Author', value: 'a' },\n *         { label: 'Editor', value: 'e' },\n *       ] }\n *       onChange={ ( value ) => setOption( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function RadioControl(\n\tprops: WordPressComponentProps< RadioControlProps, 'input', false >\n) {\n\tconst {\n\t\tlabel,\n\t\tclassName,\n\t\tselected,\n\t\thelp,\n\t\tonChange,\n\t\thideLabelFromVision,\n\t\toptions = [],\n\t\t...additionalProps\n\t} = props;\n\tconst instanceId = useInstanceId( RadioControl );\n\tconst id = `inspector-radio-control-${ instanceId }`;\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\tif ( ! options?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\thelp={ help }\n\t\t\tclassName={ classnames( className, 'components-radio-control' ) }\n\t\t>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ `${ id }-${ index }` }\n\t\t\t\t\t\tclassName=\"components-radio-control__option\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={ `${ id }-${ index }` }\n\t\t\t\t\t\t\tclassName=\"components-radio-control__input\"\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ id }\n\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\tchecked={ option.value === selected }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t!! help ? `${ id }__help` : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ ...additionalProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label htmlFor={ `${ id }-${ index }` }>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default RadioControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/radio-control/index.tsx"],"names":["classnames","useInstanceId","BaseControl","VStack","RadioControl","props","label","className","selected","help","onChange","hideLabelFromVision","options","additionalProps","instanceId","id","onChangeValue","event","target","value","length","map","option","index","undefined"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;;AAGA;AACA;AACA;AACA,SAASC,aAAT,QAA8B,oBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AAGA,SAASC,MAAT,QAAuB,YAAvB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,YAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,KADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,IAJK;AAKLC,IAAAA,QALK;AAMLC,IAAAA,mBANK;AAOLC,IAAAA,OAAO,GAAG,EAPL;AAQL,OAAGC;AARE,MASFR,KATJ;AAUA,QAAMS,UAAU,GAAGb,aAAa,CAAEG,YAAF,CAAhC;AACA,QAAMW,EAAE,GAAI,2BAA2BD,UAAY,EAAnD;;AACA,QAAME,aAAa,GAAKC,KAAF,IACrBP,QAAQ,CAAEO,KAAK,CAACC,MAAN,CAAaC,KAAf,CADT;;AAGA,MAAK,CAAEP,OAAO,EAAEQ,MAAhB,EAAyB;AACxB,WAAO,IAAP;AACA;;AAED,SACC,cAAC,WAAD;AACC,IAAA,uBAAuB,MADxB;AAEC,IAAA,KAAK,EAAGd,KAFT;AAGC,IAAA,EAAE,EAAGS,EAHN;AAIC,IAAA,mBAAmB,EAAGJ,mBAJvB;AAKC,IAAA,IAAI,EAAGF,IALR;AAMC,IAAA,SAAS,EAAGT,UAAU,CAAEO,SAAF,EAAa,0BAAb;AANvB,KAQC,cAAC,MAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGK,OAAO,CAACS,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KACd;AACC,IAAA,GAAG,EAAI,GAAGR,EAAI,IAAIQ,KAAO,EAD1B;AAEC,IAAA,SAAS,EAAC;AAFX,KAIC;AACC,IAAA,EAAE,EAAI,GAAGR,EAAI,IAAIQ,KAAO,EADzB;AAEC,IAAA,SAAS,EAAC,iCAFX;AAGC,IAAA,IAAI,EAAC,OAHN;AAIC,IAAA,IAAI,EAAGR,EAJR;AAKC,IAAA,KAAK,EAAGO,MAAM,CAACH,KALhB;AAMC,IAAA,QAAQ,EAAGH,aANZ;AAOC,IAAA,OAAO,EAAGM,MAAM,CAACH,KAAP,KAAiBX,QAP5B;AAQC,wBACC,CAAC,CAAEC,IAAH,GAAW,GAAGM,EAAI,QAAlB,GAA4BS;AAT9B,KAWMX,eAXN,EAJD,EAiBC;AAAO,IAAA,OAAO,EAAI,GAAGE,EAAI,IAAIQ,KAAO;AAApC,KACGD,MAAM,CAAChB,KADV,CAjBD,CADC,CADH,CARD,CADD;AAoCA;AAED,eAAeF,YAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport type { ChangeEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BaseControl from '../base-control';\nimport type { WordPressComponentProps } from '../ui/context';\nimport type { RadioControlProps } from './types';\nimport { VStack } from '../v-stack';\n\n/**\n * Render a user interface to select the user type using radio inputs.\n *\n * ```jsx\n * import { RadioControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * const MyRadioControl = () => {\n *   const [ option, setOption ] = useState( 'a' );\n *\n *   return (\n *     <RadioControl\n *       label=\"User type\"\n *       help=\"The type of the current user\"\n *       selected={ option }\n *       options={ [\n *         { label: 'Author', value: 'a' },\n *         { label: 'Editor', value: 'e' },\n *       ] }\n *       onChange={ ( value ) => setOption( value ) }\n *     />\n *   );\n * };\n * ```\n */\nexport function RadioControl(\n\tprops: WordPressComponentProps< RadioControlProps, 'input', false >\n) {\n\tconst {\n\t\tlabel,\n\t\tclassName,\n\t\tselected,\n\t\thelp,\n\t\tonChange,\n\t\thideLabelFromVision,\n\t\toptions = [],\n\t\t...additionalProps\n\t} = props;\n\tconst instanceId = useInstanceId( RadioControl );\n\tconst id = `inspector-radio-control-${ instanceId }`;\n\tconst onChangeValue = ( event: ChangeEvent< HTMLInputElement > ) =>\n\t\tonChange( event.target.value );\n\n\tif ( ! options?.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ label }\n\t\t\tid={ id }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\thelp={ help }\n\t\t\tclassName={ classnames( className, 'components-radio-control' ) }\n\t\t>\n\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t{ options.map( ( option, index ) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ `${ id }-${ index }` }\n\t\t\t\t\t\tclassName=\"components-radio-control__option\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tid={ `${ id }-${ index }` }\n\t\t\t\t\t\t\tclassName=\"components-radio-control__input\"\n\t\t\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\t\t\tname={ id }\n\t\t\t\t\t\t\tvalue={ option.value }\n\t\t\t\t\t\t\tonChange={ onChangeValue }\n\t\t\t\t\t\t\tchecked={ option.value === selected }\n\t\t\t\t\t\t\taria-describedby={\n\t\t\t\t\t\t\t\t!! help ? `${ id }__help` : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{ ...additionalProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<label htmlFor={ `${ id }-${ index }` }>\n\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</div>\n\t\t\t\t) ) }\n\t\t\t</VStack>\n\t\t</BaseControl>\n\t);\n}\n\nexport default RadioControl;\n"]}

package/build-module/radio-control/index.native.js

@@ -6,13 +6,12 @@ import { createElement, Fragment } from "@wordpress/element";
  */
 import RadioCell from '../mobile/bottom-sheet/radio-cell';
 
-function RadioControl(_ref) {
-  let {
-    onChange,
-    selected,
-    options = [],
-    ...props
-  } = _ref;
+function RadioControl({
+  onChange,
+  selected,
+  options = [],
+  ...props
+}) {
   return createElement(Fragment, null, options.map((option, index) => {
     return createElement(RadioCell, _extends({
       label: option.label,

package/build-module/radio-control/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-control/index.native.js"],"names":["RadioCell","RadioControl","onChange","selected","options","props","map","option","index","label","value"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,SAAP,MAAsB,mCAAtB;;AAEA,SAASC,YAAT,OAAwE;AAAA,MAAjD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,OAAO,GAAG,EAAhC;AAAoC,OAAGC;AAAvC,GAAiD;AACvE,SACC,8BACGD,OAAO,CAACE,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KAAqB;AACnC,WACC,cAAC,SAAD;AACC,MAAA,KAAK,EAAGD,MAAM,CAACE,KADhB;AAEC,MAAA,OAAO,EAAG,MAAMP,QAAQ,CAAEK,MAAM,CAACG,KAAT,CAFzB;AAGC,MAAA,QAAQ,EAAGH,MAAM,CAACG,KAAP,KAAiBP,QAH7B;AAIC,MAAA,GAAG,EAAI,GAAGI,MAAM,CAACG,KAAO,IAAIF,KAAO;AAJpC,OAKMH,KALN,EADD;AASA,GAVC,CADH,CADD;AAeA;;AAED,eAAeJ,YAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport RadioCell from '../mobile/bottom-sheet/radio-cell';\n\nfunction RadioControl( { onChange, selected, options = [], ...props } ) {\n\treturn (\n\t\t<>\n\t\t\t{ options.map( ( option, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RadioCell\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\tonPress={ () => onChange( option.value ) }\n\t\t\t\t\t\tselected={ option.value === selected }\n\t\t\t\t\t\tkey={ `${ option.value }-${ index }` }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default RadioControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/radio-control/index.native.js"],"names":["RadioCell","RadioControl","onChange","selected","options","props","map","option","index","label","value"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,SAAP,MAAsB,mCAAtB;;AAEA,SAASC,YAAT,CAAuB;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA,OAAO,GAAG,EAAhC;AAAoC,KAAGC;AAAvC,CAAvB,EAAwE;AACvE,SACC,8BACGD,OAAO,CAACE,GAAR,CAAa,CAAEC,MAAF,EAAUC,KAAV,KAAqB;AACnC,WACC,cAAC,SAAD;AACC,MAAA,KAAK,EAAGD,MAAM,CAACE,KADhB;AAEC,MAAA,OAAO,EAAG,MAAMP,QAAQ,CAAEK,MAAM,CAACG,KAAT,CAFzB;AAGC,MAAA,QAAQ,EAAGH,MAAM,CAACG,KAAP,KAAiBP,QAH7B;AAIC,MAAA,GAAG,EAAI,GAAGI,MAAM,CAACG,KAAO,IAAIF,KAAO;AAJpC,OAKMH,KALN,EADD;AASA,GAVC,CADH,CADD;AAeA;;AAED,eAAeJ,YAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport RadioCell from '../mobile/bottom-sheet/radio-cell';\n\nfunction RadioControl( { onChange, selected, options = [], ...props } ) {\n\treturn (\n\t\t<>\n\t\t\t{ options.map( ( option, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RadioCell\n\t\t\t\t\t\tlabel={ option.label }\n\t\t\t\t\t\tonPress={ () => onChange( option.value ) }\n\t\t\t\t\t\tselected={ option.value === selected }\n\t\t\t\t\t\tkey={ `${ option.value }-${ index }` }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n\nexport default RadioControl;\n"]}

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

@@ -18,15 +18,14 @@ import { forwardRef } from '@wordpress/element';
 import ButtonGroup from '../button-group';
 import RadioContext from './radio-context';
 
-function RadioGroup(_ref, ref) {
-  let {
-    label,
-    checked,
-    defaultChecked,
-    disabled,
-    onChange,
-    ...props
-  } = _ref;
+function RadioGroup({
+  label,
+  checked,
+  defaultChecked,
+  disabled,
+  onChange,
+  ...props
+}, ref) {
   const radioState = useRadioState({
     state: defaultChecked,
     baseId: props.id

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-group/index.js"],"names":["useRadioState","RadioGroup","ReakitRadioGroup","forwardRef","ButtonGroup","RadioContext","ref","label","checked","defaultChecked","disabled","onChange","props","radioState","state","baseId","id","radioContext","setState"],"mappings":";;AAAA;;AAEA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAU,IAAIC,gBAAtC,QAA8D,cAA9D;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;;AAEA,SAASJ,UAAT,OAECK,GAFD,EAGE;AAAA,MAFD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,OAAT;AAAkBC,IAAAA,cAAlB;AAAkCC,IAAAA,QAAlC;AAA4CC,IAAAA,QAA5C;AAAsD,OAAGC;AAAzD,GAEC;AACD,QAAMC,UAAU,GAAGb,aAAa,CAAE;AACjCc,IAAAA,KAAK,EAAEL,cAD0B;AAEjCM,IAAAA,MAAM,EAAEH,KAAK,CAACI;AAFmB,GAAF,CAAhC;AAIA,QAAMC,YAAY,GAAG,EACpB,GAAGJ,UADiB;AAEpBH,IAAAA,QAFoB;AAGpB;AACAI,IAAAA,KAAK,EAAEN,OAAF,aAAEA,OAAF,cAAEA,OAAF,GAAaK,UAAU,CAACC,KAJT;AAKpBI,IAAAA,QAAQ,EAAEP,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAcE,UAAU,CAACK;AALb,GAArB;AAQA,SACC,cAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAGD;AAA/B,KACC,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGX,GADP;AAEC,IAAA,EAAE,EAAGF,WAFN;AAGC,kBAAaG;AAHd,KAIMM,UAJN,EAKMD,KALN,EADD,CADD;AAWA;AAED;AACA;AACA;;;AACA,eAAeT,UAAU,CAAEF,UAAF,CAAzB","sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { useRadioState, RadioGroup as ReakitRadioGroup } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ButtonGroup from '../button-group';\nimport RadioContext from './radio-context';\n\nfunction RadioGroup(\n\t{ label, checked, defaultChecked, disabled, onChange, ...props },\n\tref\n) {\n\tconst radioState = useRadioState( {\n\t\tstate: defaultChecked,\n\t\tbaseId: props.id,\n\t} );\n\tconst radioContext = {\n\t\t...radioState,\n\t\tdisabled,\n\t\t// Controlled or uncontrolled.\n\t\tstate: checked ?? radioState.state,\n\t\tsetState: onChange ?? radioState.setState,\n\t};\n\n\treturn (\n\t\t<RadioContext.Provider value={ radioContext }>\n\t\t\t<ReakitRadioGroup\n\t\t\t\tref={ ref }\n\t\t\t\tas={ ButtonGroup }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...radioState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</RadioContext.Provider>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( RadioGroup );\n"]}
+{"version":3,"sources":["@wordpress/components/src/radio-group/index.js"],"names":["useRadioState","RadioGroup","ReakitRadioGroup","forwardRef","ButtonGroup","RadioContext","label","checked","defaultChecked","disabled","onChange","props","ref","radioState","state","baseId","id","radioContext","setState"],"mappings":";;AAAA;;AAEA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAU,IAAIC,gBAAtC,QAA8D,cAA9D;AAEA;AACA;AACA;;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;;AAEA,SAASJ,UAAT,CACC;AAAEK,EAAAA,KAAF;AAASC,EAAAA,OAAT;AAAkBC,EAAAA,cAAlB;AAAkCC,EAAAA,QAAlC;AAA4CC,EAAAA,QAA5C;AAAsD,KAAGC;AAAzD,CADD,EAECC,GAFD,EAGE;AACD,QAAMC,UAAU,GAAGb,aAAa,CAAE;AACjCc,IAAAA,KAAK,EAAEN,cAD0B;AAEjCO,IAAAA,MAAM,EAAEJ,KAAK,CAACK;AAFmB,GAAF,CAAhC;AAIA,QAAMC,YAAY,GAAG,EACpB,GAAGJ,UADiB;AAEpBJ,IAAAA,QAFoB;AAGpB;AACAK,IAAAA,KAAK,EAAEP,OAAF,aAAEA,OAAF,cAAEA,OAAF,GAAaM,UAAU,CAACC,KAJT;AAKpBI,IAAAA,QAAQ,EAAER,QAAF,aAAEA,QAAF,cAAEA,QAAF,GAAcG,UAAU,CAACK;AALb,GAArB;AAQA,SACC,cAAC,YAAD,CAAc,QAAd;AAAuB,IAAA,KAAK,EAAGD;AAA/B,KACC,cAAC,gBAAD;AACC,IAAA,GAAG,EAAGL,GADP;AAEC,IAAA,EAAE,EAAGR,WAFN;AAGC,kBAAaE;AAHd,KAIMO,UAJN,EAKMF,KALN,EADD,CADD;AAWA;AAED;AACA;AACA;;;AACA,eAAeR,UAAU,CAAEF,UAAF,CAAzB","sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { useRadioState, RadioGroup as ReakitRadioGroup } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ButtonGroup from '../button-group';\nimport RadioContext from './radio-context';\n\nfunction RadioGroup(\n\t{ label, checked, defaultChecked, disabled, onChange, ...props },\n\tref\n) {\n\tconst radioState = useRadioState( {\n\t\tstate: defaultChecked,\n\t\tbaseId: props.id,\n\t} );\n\tconst radioContext = {\n\t\t...radioState,\n\t\tdisabled,\n\t\t// Controlled or uncontrolled.\n\t\tstate: checked ?? radioState.state,\n\t\tsetState: onChange ?? radioState.setState,\n\t};\n\n\treturn (\n\t\t<RadioContext.Provider value={ radioContext }>\n\t\t\t<ReakitRadioGroup\n\t\t\t\tref={ ref }\n\t\t\t\tas={ ButtonGroup }\n\t\t\t\taria-label={ label }\n\t\t\t\t{ ...radioState }\n\t\t\t\t{ ...props }\n\t\t\t/>\n\t\t</RadioContext.Provider>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( RadioGroup );\n"]}

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

@@ -18,12 +18,11 @@ import { useContext, forwardRef } from '@wordpress/element';
 import Button from '../../button';
 import RadioContext from '../radio-context';
 
-function Radio(_ref, ref) {
-  let {
-    children,
-    value,
-    ...props
-  } = _ref;
+function Radio({
+  children,
+  value,
+  ...props
+}, ref) {
   const radioContext = useContext(RadioContext);
   const checked = radioContext.state === value;
   return createElement(ReakitRadio, _extends({

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/radio-group/radio/index.js"],"names":["Radio","ReakitRadio","useContext","forwardRef","Button","RadioContext","ref","children","value","props","radioContext","checked","state"],"mappings":";;AAAA;;AAEA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAlB,QAAqC,cAArC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,SAASL,KAAT,OAA+CM,GAA/C,EAAqD;AAAA,MAArC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,KAAZ;AAAmB,OAAGC;AAAtB,GAAqC;AACpD,QAAMC,YAAY,GAAGR,UAAU,CAAEG,YAAF,CAA/B;AACA,QAAMM,OAAO,GAAGD,YAAY,CAACE,KAAb,KAAuBJ,KAAvC;AAEA,SACC,cAAC,WAAD;AACC,IAAA,GAAG,EAAGF,GADP;AAEC,IAAA,EAAE,EAAGF,MAFN;AAGC,IAAA,OAAO,EAAGO,OAAO,GAAG,SAAH,GAAe,WAHjC;AAIC,IAAA,KAAK,EAAGH;AAJT,KAKME,YALN,EAMMD,KANN,GAQGF,QAAQ,IAAIC,KARf,CADD;AAYA;AAED;AACA;AACA;;;AACA,eAAeL,UAAU,CAAEH,KAAF,CAAzB","sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { Radio as ReakitRadio } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport RadioContext from '../radio-context';\n\nfunction Radio( { children, value, ...props }, ref ) {\n\tconst radioContext = useContext( RadioContext );\n\tconst checked = radioContext.state === value;\n\n\treturn (\n\t\t<ReakitRadio\n\t\t\tref={ ref }\n\t\t\tas={ Button }\n\t\t\tvariant={ checked ? 'primary' : 'secondary' }\n\t\t\tvalue={ value }\n\t\t\t{ ...radioContext }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children || value }\n\t\t</ReakitRadio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( Radio );\n"]}
+{"version":3,"sources":["@wordpress/components/src/radio-group/radio/index.js"],"names":["Radio","ReakitRadio","useContext","forwardRef","Button","RadioContext","children","value","props","ref","radioContext","checked","state"],"mappings":";;AAAA;;AAEA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,WAAlB,QAAqC,cAArC;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,UAArB,QAAuC,oBAAvC;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,SAASL,KAAT,CAAgB;AAAEM,EAAAA,QAAF;AAAYC,EAAAA,KAAZ;AAAmB,KAAGC;AAAtB,CAAhB,EAA+CC,GAA/C,EAAqD;AACpD,QAAMC,YAAY,GAAGR,UAAU,CAAEG,YAAF,CAA/B;AACA,QAAMM,OAAO,GAAGD,YAAY,CAACE,KAAb,KAAuBL,KAAvC;AAEA,SACC,cAAC,WAAD;AACC,IAAA,GAAG,EAAGE,GADP;AAEC,IAAA,EAAE,EAAGL,MAFN;AAGC,IAAA,OAAO,EAAGO,OAAO,GAAG,SAAH,GAAe,WAHjC;AAIC,IAAA,KAAK,EAAGJ;AAJT,KAKMG,YALN,EAMMF,KANN,GAQGF,QAAQ,IAAIC,KARf,CADD;AAYA;AAED;AACA;AACA;;;AACA,eAAeJ,UAAU,CAAEH,KAAF,CAAzB","sourcesContent":["// @ts-nocheck\n\n/**\n * External dependencies\n */\nimport { Radio as ReakitRadio } from 'reakit/Radio';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport RadioContext from '../radio-context';\n\nfunction Radio( { children, value, ...props }, ref ) {\n\tconst radioContext = useContext( RadioContext );\n\tconst checked = radioContext.state === value;\n\n\treturn (\n\t\t<ReakitRadio\n\t\t\tref={ ref }\n\t\t\tas={ Button }\n\t\t\tvariant={ checked ? 'primary' : 'secondary' }\n\t\t\tvalue={ value }\n\t\t\t{ ...radioContext }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ children || value }\n\t\t</ReakitRadio>\n\t);\n}\n\n/**\n * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport default forwardRef( Radio );\n"]}

package/build-module/range-control/index.js

@@ -30,8 +30,6 @@ import { ActionRightWrapper, AfterIconWrapper, BeforeIconWrapper, InputNumber, R
 const noop = () => {};
 
 function UnforwardedRangeControl(props, forwardedRef) {
-  var _inputRef$current;
-
   const {
     __nextHasNoMarginBottom = false,
     afterIcon,
@@ -85,7 +83,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const [showTooltip, setShowTooltip] = useState(hasTooltip);
   const [isFocused, setIsFocused] = useState(false);
   const inputRef = useRef();
-  const isCurrentlyFocused = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.matches(':focus');
+  const isCurrentlyFocused = inputRef.current?.matches(':focus');
   const isThumbFocused = !disabled && isFocused;
   const isValueReset = value === null;
   const currentValue = value !== undefined ? value : currentInput;