npm - @wordpress/components - Versions diffs - 28.11.0 → 28.13.1-next.082ed6819.0 - Mend

@wordpress/components 28.11.0 → 28.13.1-next.082ed6819.0

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

Files changed (514) hide show

package/build/panel/body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_element","_icons","_button","_icon","_utils","_jsxRuntime","noop","UnforwardedPanelBody","props","ref","buttonProps","children","className","icon","initialOpen","onToggle","opened","title","scrollAfterOpen","isOpened","setIsOpened","useControlledState","initial","undefined","fallback","nodeRef","useRef","scrollBehavior","useReducedMotion","handleOnToggle","event","preventDefault","next","scrollAfterOpenRef","current","useUpdateEffect","scrollIntoView","inline","block","behavior","classes","clsx","jsxs","useMergeRefs","jsx","PanelBodyTitle","Boolean","onClick","forwardRef","default","chevronUp","chevronDown","size","PanelBody","exports","_default"],"sources":["@wordpress/components/src/panel/body.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useReducedMotion, useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\nimport { chevronUp, chevronDown } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport type { PanelBodyProps, PanelBodyTitleProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { useControlledState, useUpdateEffect } from '../utils';\n\nconst noop = () => {};\n\nexport function UnforwardedPanelBody(\n\tprops: PanelBodyProps,\n\tref: React.ForwardedRef< HTMLDivElement >\n) {\n\tconst {\n\t\tbuttonProps = {},\n\t\tchildren,\n\t\tclassName,\n\t\ticon,\n\t\tinitialOpen,\n\t\tonToggle = noop,\n\t\topened,\n\t\ttitle,\n\t\tscrollAfterOpen = true,\n\t} = props;\n\tconst [ isOpened, setIsOpened ] = useControlledState< boolean \| undefined >(\n\t\topened,\n\t\t{\n\t\t\tinitial: initialOpen === undefined ? true : initialOpen,\n\t\t\tfallback: false,\n\t\t}\n\t);\n\tconst nodeRef = useRef< HTMLElement >( null );\n\n\t// Defaults to 'smooth' scrolling\n\t// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n\tconst scrollBehavior = useReducedMotion() ? 'auto' : 'smooth';\n\n\tconst handleOnToggle = ( event: React.MouseEvent ) => {\n\t\tevent.preventDefault();\n\t\tconst next = ! isOpened;\n\t\tsetIsOpened( next );\n\t\tonToggle( next );\n\t};\n\n\t// Ref is used so that the effect does not re-run upon scrollAfterOpen changing value.\n\tconst scrollAfterOpenRef = useRef< boolean \| undefined >();\n\tscrollAfterOpenRef.current = scrollAfterOpen;\n\t// Runs after initial render.\n\tuseUpdateEffect( () => {\n\t\tif (\n\t\t\tisOpened &&\n\t\t\tscrollAfterOpenRef.current &&\n\t\t\tnodeRef.current?.scrollIntoView\n\t\t) {\n\t\t\t/\n\t\t\t * Scrolls the content into view when visible.\n\t\t\t * This improves the UX when there are multiple stacking <PanelBody />\n\t\t\t * components in a scrollable container.\n\t\t\t /\n\t\t\tnodeRef.current.scrollIntoView( {\n\t\t\t\tinline: 'nearest',\n\t\t\t\tblock: 'nearest',\n\t\t\t\tbehavior: scrollBehavior,\n\t\t\t} );\n\t\t}\n\t}, [ isOpened, scrollBehavior ] );\n\n\tconst classes = clsx( 'components-panel__body', className, {\n\t\t'is-opened': isOpened,\n\t} );\n\n\treturn (\n\t\t<div className={ classes } ref={ useMergeRefs( [ nodeRef, ref ] ) }>\n\t\t\t<PanelBodyTitle\n\t\t\t\ticon={ icon }\n\t\t\t\tisOpened={ Boolean( isOpened ) }\n\t\t\t\tonClick={ handleOnToggle }\n\t\t\t\ttitle={ title }\n\t\t\t\t{ ...buttonProps }\n\t\t\t/>\n\t\t\t{ typeof children === 'function'\n\t\t\t\t? children( { opened: Boolean( isOpened ) } )\n\t\t\t\t: isOpened && children }\n\t\t</div>\n\t);\n}\n\nconst PanelBodyTitle = forwardRef(\n\t(\n\t\t{\n\t\t\tisOpened,\n\t\t\ticon,\n\t\t\ttitle,\n\t\t\t...props\n\t\t}: WordPressComponentProps< PanelBodyTitleProps, 'button' >,\n\t\tref: React.ForwardedRef< any >\n\t) => {\n\t\tif ( ! title ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<h2 className=\"components-panel__body-title\">\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"components-panel__body-toggle\"\n\t\t\t\t\taria-expanded={ isOpened }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ /\n\t\t\t\t\tFirefox + NVDA don't announce aria-expanded because the browser\n\t\t\t\t\trepaints the whole element, so this wrapping span hides that.\n\t\t\t\t*/ }\n\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName=\"components-panel__arrow\"\n\t\t\t\t\t\t\ticon={ isOpened ? chevronUp : chevronDown }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t\t{ title }\n\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tclassName=\"components-panel__icon\"\n\t\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Button>\n\t\t\t</h2>\n\t\t);\n\t}\n);\n\nexport const PanelBody = forwardRef( UnforwardedPanelBody );\n\nexport default PanelBody;\n"],"mappings":"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~~MACNrC~~,SAAS,EAAC,+BAA+B;MACzC,iBAAgBO,QAAU;MAC1BV,GAAG,EAAGA,GAAK;MAAA,GACND,KAAK;MAAAG,QAAA,gBAMV,IAAAN,WAAA,CAAAuC,GAAA;QAAM,eAAY,MAAM;QAAAjC,QAAA,eACvB,IAAAN,WAAA,CAAAuC,GAAA,EAACzC,KAAA,CAAA8C,OAAI;UACJrC,SAAS,EAAC,yBAAyB;UACnCC,IAAI,EAAGM,QAAQ,~~GAAG+B~~,gBAAS,GAAGC;QAAa,CAC3C;MAAC,CACG,CAAC,~~EACLlC~~,KAAK,EACLJ,IAAI,iBACL,IAAAR,WAAA,CAAAuC,GAAA,EAACzC,KAAA,CAAA8C,OAAI;QACJpC,IAAI,EAAGA,IAAM;QACbD,SAAS,EAAC,wBAAwB;~~QAClCwC~~,IAAI,EAAG;MAAI,CACX,CACD;IAAA,CACM;EAAC,CACN,CAAC;AAEP,CACD,CAAC;AAEM,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,~~IAAAL~~,mBAAU,EAAEzC,oBAAqB,CAAC;AAAC,~~IAAAgD~~,QAAA,GAAAD,OAAA,~~CAAAL~~,OAAA,~~GAE7CI~~,SAAS","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_compose","_element","_icons","_button","_icon","_utils","_jsxRuntime","noop","UnforwardedPanelBody","props","ref","buttonProps","children","className","icon","initialOpen","onToggle","opened","title","scrollAfterOpen","isOpened","setIsOpened","useControlledState","initial","undefined","fallback","nodeRef","useRef","scrollBehavior","useReducedMotion","handleOnToggle","event","preventDefault","next","scrollAfterOpenRef","current","useUpdateEffect","scrollIntoView","inline","block","behavior","classes","clsx","jsxs","useMergeRefs","jsx","PanelBodyTitle","Boolean","onClick","forwardRef","default","__next40pxDefaultSize","chevronUp","chevronDown","size","PanelBody","exports","_default"],"sources":["@wordpress/components/src/panel/body.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useReducedMotion, useMergeRefs } from '@wordpress/compose';\nimport { forwardRef, useRef } from '@wordpress/element';\nimport { chevronUp, chevronDown } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport type { PanelBodyProps, PanelBodyTitleProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { useControlledState, useUpdateEffect } from '../utils';\n\nconst noop = () => {};\n\nexport function UnforwardedPanelBody(\n\tprops: PanelBodyProps,\n\tref: React.ForwardedRef< HTMLDivElement >\n) {\n\tconst {\n\t\tbuttonProps = {},\n\t\tchildren,\n\t\tclassName,\n\t\ticon,\n\t\tinitialOpen,\n\t\tonToggle = noop,\n\t\topened,\n\t\ttitle,\n\t\tscrollAfterOpen = true,\n\t} = props;\n\tconst [ isOpened, setIsOpened ] = useControlledState< boolean \| undefined >(\n\t\topened,\n\t\t{\n\t\t\tinitial: initialOpen === undefined ? true : initialOpen,\n\t\t\tfallback: false,\n\t\t}\n\t);\n\tconst nodeRef = useRef< HTMLElement >( null );\n\n\t// Defaults to 'smooth' scrolling\n\t// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView\n\tconst scrollBehavior = useReducedMotion() ? 'auto' : 'smooth';\n\n\tconst handleOnToggle = ( event: React.MouseEvent ) => {\n\t\tevent.preventDefault();\n\t\tconst next = ! isOpened;\n\t\tsetIsOpened( next );\n\t\tonToggle( next );\n\t};\n\n\t// Ref is used so that the effect does not re-run upon scrollAfterOpen changing value.\n\tconst scrollAfterOpenRef = useRef< boolean \| undefined >();\n\tscrollAfterOpenRef.current = scrollAfterOpen;\n\t// Runs after initial render.\n\tuseUpdateEffect( () => {\n\t\tif (\n\t\t\tisOpened &&\n\t\t\tscrollAfterOpenRef.current &&\n\t\t\tnodeRef.current?.scrollIntoView\n\t\t) {\n\t\t\t/\n\t\t\t * Scrolls the content into view when visible.\n\t\t\t * This improves the UX when there are multiple stacking <PanelBody />\n\t\t\t * components in a scrollable container.\n\t\t\t /\n\t\t\tnodeRef.current.scrollIntoView( {\n\t\t\t\tinline: 'nearest',\n\t\t\t\tblock: 'nearest',\n\t\t\t\tbehavior: scrollBehavior,\n\t\t\t} );\n\t\t}\n\t}, [ isOpened, scrollBehavior ] );\n\n\tconst classes = clsx( 'components-panel__body', className, {\n\t\t'is-opened': isOpened,\n\t} );\n\n\treturn (\n\t\t<div className={ classes } ref={ useMergeRefs( [ nodeRef, ref ] ) }>\n\t\t\t<PanelBodyTitle\n\t\t\t\ticon={ icon }\n\t\t\t\tisOpened={ Boolean( isOpened ) }\n\t\t\t\tonClick={ handleOnToggle }\n\t\t\t\ttitle={ title }\n\t\t\t\t{ ...buttonProps }\n\t\t\t/>\n\t\t\t{ typeof children === 'function'\n\t\t\t\t? children( { opened: Boolean( isOpened ) } )\n\t\t\t\t: isOpened && children }\n\t\t</div>\n\t);\n}\n\nconst PanelBodyTitle = forwardRef(\n\t(\n\t\t{\n\t\t\tisOpened,\n\t\t\ticon,\n\t\t\ttitle,\n\t\t\t...props\n\t\t}: WordPressComponentProps< PanelBodyTitleProps, 'button' >,\n\t\tref: React.ForwardedRef< any >\n\t) => {\n\t\tif ( ! title ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<h2 className=\"components-panel__body-title\">\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"components-panel__body-toggle\"\n\t\t\t\t\taria-expanded={ isOpened }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ /\n\t\t\t\t\tFirefox + NVDA don't announce aria-expanded because the browser\n\t\t\t\t\trepaints the whole element, so this wrapping span hides that.\n\t\t\t\t*/ }\n\t\t\t\t\t<span aria-hidden=\"true\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName=\"components-panel__arrow\"\n\t\t\t\t\t\t\ticon={ isOpened ? chevronUp : chevronDown }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</span>\n\t\t\t\t\t{ title }\n\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\t\tclassName=\"components-panel__icon\"\n\t\t\t\t\t\t\tsize={ 20 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Button>\n\t\t\t</h2>\n\t\t);\n\t}\n);\n\nexport const PanelBody = forwardRef( UnforwardedPanelBody );\n\nexport default PanelBody;\n"],"mappings":"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","ignoreList":[]}

package/build/popover/index.js CHANGED Viewed

@@ -13,6 +13,7 @@ var _compose = require("@wordpress/compose");
 var _icons = require("@wordpress/icons");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _primitives = require("@wordpress/primitives");
+var _i18n = require("@wordpress/i18n");
 var _button = _interopRequireDefault(require("../button"));
 var _scrollLock = _interopRequireDefault(require("../scroll-lock"));
 var _slotFill = require("../slot-fill");
@@ -296,8 +297,10 @@ const UnforwardedPopover = (props, forwardedRef) => {
         children: headerTitle
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
         className: "components-popover__close",
+        size: "small",
         icon: _icons.close,
-        onClick: onClose
+        onClick: onClose,
+        label: (0, _i18n.__)('Close')
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "components-popover__content",

package/build/popover/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_reactDom","_framerMotion","_element","_compose","_icons","_deprecated","_primitives","_button","_scrollLock","_slotFill","_utils","_context","_overlayMiddlewares","_styleProvider","_jsxRuntime","SLOT_NAME","exports","ArrowTriangle","jsxs","SVG","xmlns","viewBox","className","role","children","jsx","Path","d","vectorEffect","slotNameContext","createContext","undefined","fallbackContainerClassname","getPopoverFallbackContainer","container","document","body","querySelector","createElement","append","UnforwardedPopover","props","forwardedRef","animate","headerTitle","constrainTabbing","onClose","noArrow","position","placement","placementProp","offset","offsetProp","focusOnMount","anchor","expandOnMobile","onFocusOutside","__unstableSlotName","flip","resize","shift","inline","variant","style","contentStyle","__unstableForcePosition","anchorRef","anchorRect","getAnchorRect","isAlternate","contentProps","useContextSystem","computedFlipProp","computedResizeProp","deprecated","since","version","alternative","computedVariant","arrowRef","useRef","fallbackReferenceElement","setFallbackReferenceElement","useState","anchorRefFallback","useCallback","node","isMobileViewport","useViewportMatch","isExpanded","hasArrow","normalizedPlacementFromProps","positionToPlacement","middleware","overlayMiddlewares","offsetMiddleware","flipMiddleware","size","apply","sizeProps","_refs$floating$curren","firstElementChild","refs","floating","current","HTMLElement","Object","assign","maxHeight","availableHeight","overflow","shiftMiddleware","crossAxis","limiter","limitShift","padding","arrow","element","slotName","useContext","slot","useSlot","onDialogClose","type","event","dialogRef","dialogProps","useDialog","__unstableOnClose","x","y","strategy","update","computedPlacement","middlewareData","arrowData","useFloating","whileElementsMounted","referenceParam","floatingParam","updateParam","autoUpdate","layoutShift","animationFrame","arrowCallbackRef","anchorRefTop","top","anchorRefBottom","bottom","anchorRefStartContainer","startContainer","anchorRefCurrent","useLayoutEffect","resultingReferenceElement","getReferenceElement","setReference","mergedFloatingRef","useMergeRefs","setFloating","left","computePopoverPosition","shouldReduceMotion","useReducedMotion","shouldAnimate","animationFinished","setAnimationFinished","motionInlineStyles","otherMotionProps","useMemo","placementToMotionAnimationProps","animationProps","onAnimationComplete","isPositioned","content","motion","div","clsx","ref","tabIndex","default","icon","close","onClick","split","join","Number","isFinite","shouldRenderWithinSlot","hasAnchor","Fill","name","createPortal","StyleProvider","Fragment","Popover","contextConnect","PopoverSlot","Slot","bubblesVirtually","forwardRef","__unstableSlotNameProvider","Provider","_default"],"sources":["@wordpress/components/src/popover/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef, SyntheticEvent, RefCallback } from 'react';\nimport clsx from 'clsx';\nimport {\n\tuseFloating,\n\tflip as flipMiddleware,\n\tshift as shiftMiddleware,\n\tlimitShift,\n\tautoUpdate,\n\tarrow,\n\toffset as offsetMiddleware,\n\tsize,\n} from '@floating-ui/react-dom';\nimport type { HTMLMotionProps, MotionProps } from 'framer-motion';\nimport { motion } from 'framer-motion';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseRef,\n\tuseLayoutEffect,\n\tforwardRef,\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tcreatePortal,\n} from '@wordpress/element';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseMergeRefs,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { close } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport { Path, SVG } from '@wordpress/primitives';\n\n/\n Internal dependencies\n /\nimport Button from '../button';\nimport ScrollLock from '../scroll-lock';\nimport { Slot, Fill, useSlot } from '../slot-fill';\nimport {\n\tcomputePopoverPosition,\n\tpositionToPlacement,\n\tplacementToMotionAnimationProps,\n\tgetReferenceElement,\n} from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport type {\n\tPopoverProps,\n\tPopoverAnchorRefReference,\n\tPopoverAnchorRefTopBottom,\n} from './types';\nimport { overlayMiddlewares } from './overlay-middlewares';\nimport { StyleProvider } from '../style-provider';\n\n/\n Name of slot in which popover should fill.\n \n @type {string}\n /\nexport const SLOT_NAME = 'Popover';\n\n// An SVG displaying a triangle facing down, filled with a solid\n// color and bordered in such a way to create an arrow-like effect.\n// Keeping the SVG's viewbox squared simplify the arrow positioning\n// calculations.\nconst ArrowTriangle = () => (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\tviewBox=\"0 0 100 100\"\n\t\tclassName=\"components-popover__triangle\"\n\t\trole=\"presentation\"\n\t>\n\t\t<Path\n\t\t\tclassName=\"components-popover__triangle-bg\"\n\t\t\td=\"M 0 0 L 50 50 L 100 0\"\n\t\t/>\n\t\t<Path\n\t\t\tclassName=\"components-popover__triangle-border\"\n\t\t\td=\"M 0 0 L 50 50 L 100 0\"\n\t\t\tvectorEffect=\"non-scaling-stroke\"\n\t\t/>\n\t</SVG>\n);\n\nconst slotNameContext = createContext< string \| undefined >( undefined );\n\nconst fallbackContainerClassname = 'components-popover__fallback-container';\nconst getPopoverFallbackContainer = () => {\n\tlet container = document.body.querySelector(\n\t\t'.' + fallbackContainerClassname\n\t);\n\tif ( ! container ) {\n\t\tcontainer = document.createElement( 'div' );\n\t\tcontainer.className = fallbackContainerClassname;\n\t\tdocument.body.append( container );\n\t}\n\n\treturn container;\n};\n\nconst UnforwardedPopover = (\n\tprops: Omit<\n\t\tWordPressComponentProps< PopoverProps, 'div', false >,\n\t\t// To avoid overlaps between the standard HTML attributes and the props\n\t\t// expected by `framer-motion`, omit all framer motion props from popover\n\t\t// props (except for `animate` and `children` which are re-defined in\n\t\t// `PopoverProps`, and `style` which is merged safely).\n\t\tkeyof Omit< MotionProps, 'animate' \| 'children' \| 'style' >\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tanimate = true,\n\t\theaderTitle,\n\t\tconstrainTabbing,\n\t\tonClose,\n\t\tchildren,\n\t\tclassName,\n\t\tnoArrow = true,\n\t\tposition,\n\t\tplacement: placementProp = 'bottom-start',\n\t\toffset: offsetProp = 0,\n\t\tfocusOnMount = 'firstElement',\n\t\tanchor,\n\t\texpandOnMobile,\n\t\tonFocusOutside,\n\t\t__unstableSlotName = SLOT_NAME,\n\t\tflip = true,\n\t\tresize = true,\n\t\tshift = false,\n\t\tinline = false,\n\t\tvariant,\n\t\tstyle: contentStyle,\n\n\t\t// Deprecated props\n\t\t__unstableForcePosition,\n\t\tanchorRef,\n\t\tanchorRect,\n\t\tgetAnchorRect,\n\t\tisAlternate,\n\n\t\t// Rest\n\t\t...contentProps\n\t} = useContextSystem( props, 'Popover' );\n\n\tlet computedFlipProp = flip;\n\tlet computedResizeProp = resize;\n\tif ( __unstableForcePosition !== undefined ) {\n\t\tdeprecated( '`__unstableForcePosition` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: '`flip={ false }` and `resize={ false }`',\n\t\t} );\n\n\t\t// Back-compat, set the `flip` and `resize` props\n\t\t// to `false` to replicate `__unstableForcePosition`.\n\t\tcomputedFlipProp = ! __unstableForcePosition;\n\t\tcomputedResizeProp = ! __unstableForcePosition;\n\t}\n\n\tif ( anchorRef !== undefined ) {\n\t\tdeprecated( '`anchorRef` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tif ( anchorRect !== undefined ) {\n\t\tdeprecated( '`anchorRect` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tif ( getAnchorRect !== undefined ) {\n\t\tdeprecated( '`getAnchorRect` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tconst computedVariant = isAlternate ? 'toolbar' : variant;\n\tif ( isAlternate !== undefined ) {\n\t\tdeprecated( '`isAlternate` prop in wp.components.Popover', {\n\t\t\tsince: '6.2',\n\t\t\talternative: \"`variant` prop with the `'toolbar'` value\",\n\t\t} );\n\t}\n\n\tconst arrowRef = useRef< HTMLElement \| null >( null );\n\n\tconst [ fallbackReferenceElement, setFallbackReferenceElement ] =\n\t\tuseState< HTMLSpanElement \| null >( null );\n\n\tconst anchorRefFallback: RefCallback< HTMLSpanElement > = useCallback(\n\t\t( node ) => {\n\t\t\tsetFallbackReferenceElement( node );\n\t\t},\n\t\t[]\n\t);\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isExpanded = expandOnMobile && isMobileViewport;\n\tconst hasArrow = ! isExpanded && ! noArrow;\n\tconst normalizedPlacementFromProps = position\n\t\t? positionToPlacement( position )\n\t\t: placementProp;\n\n\tconst middleware = [\n\t\t...( placementProp === 'overlay' ? overlayMiddlewares() : [] ),\n\t\toffsetMiddleware( offsetProp ),\n\t\tcomputedFlipProp && flipMiddleware(),\n\t\tcomputedResizeProp &&\n\t\t\tsize( {\n\t\t\t\tapply( sizeProps ) {\n\t\t\t\t\tconst { firstElementChild } = refs.floating.current ?? {};\n\n\t\t\t\t\t// Only HTMLElement instances have the `style` property.\n\t\t\t\t\tif ( ! ( firstElementChild instanceof HTMLElement ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Reduce the height of the popover to the available space.\n\t\t\t\t\tObject.assign( firstElementChild.style, {\n\t\t\t\t\t\tmaxHeight: `${ sizeProps.availableHeight }px`,\n\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t} );\n\t\t\t\t},\n\t\t\t} ),\n\t\tshift &&\n\t\t\tshiftMiddleware( {\n\t\t\t\tcrossAxis: true,\n\t\t\t\tlimiter: limitShift(),\n\t\t\t\tpadding: 1, // Necessary to avoid flickering at the edge of the viewport.\n\t\t\t} ),\n\t\tarrow( { element: arrowRef } ),\n\t];\n\tconst slotName = useContext( slotNameContext ) \|\| __unstableSlotName;\n\tconst slot = useSlot( slotName );\n\n\tlet onDialogClose;\n\n\tif ( onClose \|\| onFocusOutside ) {\n\t\tonDialogClose = ( type: string \| undefined, event: SyntheticEvent ) => {\n\t\t\t// Ideally the popover should have just a single onClose prop and\n\t\t\t// not three props that potentially do the same thing.\n\t\t\tif ( type === 'focus-outside' && onFocusOutside ) {\n\t\t\t\tonFocusOutside( event );\n\t\t\t} else if ( onClose ) {\n\t\t\t\tonClose();\n\t\t\t}\n\t\t};\n\t}\n\n\tconst [ dialogRef, dialogProps ] = useDialog( {\n\t\tconstrainTabbing,\n\t\tfocusOnMount,\n\t\t__unstableOnClose: onDialogClose,\n\t\t// @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)\n\t\tonClose: onDialogClose,\n\t} );\n\n\tconst {\n\t\t// Positioning coordinates\n\t\tx,\n\t\ty,\n\t\t// Object with \"regular\" refs to both \"reference\" and \"floating\"\n\t\trefs,\n\t\t// Type of CSS position property to use (absolute or fixed)\n\t\tstrategy,\n\t\tupdate,\n\t\tplacement: computedPlacement,\n\t\tmiddlewareData: { arrow: arrowData },\n\t} = useFloating( {\n\t\tplacement:\n\t\t\tnormalizedPlacementFromProps === 'overlay'\n\t\t\t\t? undefined\n\t\t\t\t: normalizedPlacementFromProps,\n\t\tmiddleware,\n\t\twhileElementsMounted: ( referenceParam, floatingParam, updateParam ) =>\n\t\t\tautoUpdate( referenceParam, floatingParam, updateParam, {\n\t\t\t\tlayoutShift: false,\n\t\t\t\tanimationFrame: true,\n\t\t\t} ),\n\t} );\n\n\tconst arrowCallbackRef = useCallback(\n\t\t( node: HTMLElement \| null ) => {\n\t\t\tarrowRef.current = node;\n\t\t\tupdate();\n\t\t},\n\t\t[ update ]\n\t);\n\n\t// When any of the possible anchor \"sources\" change,\n\t// recompute the reference element (real or virtual) and its owner document.\n\n\tconst anchorRefTop = ( anchorRef as PopoverAnchorRefTopBottom \| undefined )\n\t\t?.top;\n\tconst anchorRefBottom = (\n\t\tanchorRef as PopoverAnchorRefTopBottom \| undefined\n\t )?.bottom;\n\tconst anchorRefStartContainer = ( anchorRef as Range \| undefined )\n\t\t?.startContainer;\n\tconst anchorRefCurrent = ( anchorRef as PopoverAnchorRefReference )\n\t\t?.current;\n\n\tuseLayoutEffect( () => {\n\t\tconst resultingReferenceElement = getReferenceElement( {\n\t\t\tanchor,\n\t\t\tanchorRef,\n\t\t\tanchorRect,\n\t\t\tgetAnchorRect,\n\t\t\tfallbackReferenceElement,\n\t\t} );\n\n\t\trefs.setReference( resultingReferenceElement );\n\t}, [\n\t\tanchor,\n\t\tanchorRef,\n\t\tanchorRefTop,\n\t\tanchorRefBottom,\n\t\tanchorRefStartContainer,\n\t\tanchorRefCurrent,\n\t\tanchorRect,\n\t\tgetAnchorRect,\n\t\tfallbackReferenceElement,\n\t\trefs,\n\t] );\n\n\tconst mergedFloatingRef = useMergeRefs( [\n\t\trefs.setFloating,\n\t\tdialogRef,\n\t\tforwardedRef,\n\t] );\n\n\tconst style = isExpanded\n\t\t? undefined\n\t\t: {\n\t\t\t\tposition: strategy,\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\t// `x` and `y` are framer-motion specific props and are shorthands\n\t\t\t\t// for `translateX` and `translateY`. Currently it is not possible\n\t\t\t\t// to use `translateX` and `translateY` because those values would\n\t\t\t\t// be overridden by the return value of the\n\t\t\t\t// `placementToMotionAnimationProps` function.\n\t\t\t\tx: computePopoverPosition( x ),\n\t\t\t\ty: computePopoverPosition( y ),\n\t\t };\n\n\tconst shouldReduceMotion = useReducedMotion();\n\tconst shouldAnimate = animate && ! isExpanded && ! shouldReduceMotion;\n\n\tconst [ animationFinished, setAnimationFinished ] = useState( false );\n\n\tconst { style: motionInlineStyles, ...otherMotionProps } = useMemo(\n\t\t() => placementToMotionAnimationProps( computedPlacement ),\n\t\t[ computedPlacement ]\n\t);\n\n\tconst animationProps: HTMLMotionProps< 'div' > = shouldAnimate\n\t\t? {\n\t\t\t\tstyle: {\n\t\t\t\t\t...contentStyle,\n\t\t\t\t\t...motionInlineStyles,\n\t\t\t\t\t...style,\n\t\t\t\t},\n\t\t\t\tonAnimationComplete: () => setAnimationFinished( true ),\n\t\t\t\t...otherMotionProps,\n\t\t }\n\t\t: {\n\t\t\t\tanimate: false,\n\t\t\t\tstyle: {\n\t\t\t\t\t...contentStyle,\n\t\t\t\t\t...style,\n\t\t\t\t},\n\t\t };\n\n\t// When Floating UI has finished positioning and Framer Motion has finished animating\n\t// the popover, add the `is-positioned` class to signal that all transitions have finished.\n\tconst isPositioned =\n\t\t( ! shouldAnimate \|\| animationFinished ) && x !== null && y !== null;\n\n\tlet content = (\n\t\t<motion.div\n\t\t\tclassName={ clsx( className, {\n\t\t\t\t'is-expanded': isExpanded,\n\t\t\t\t'is-positioned': isPositioned,\n\t\t\t\t// Use the 'alternate' classname for 'toolbar' variant for back compat.\n\t\t\t\t[ `is-${\n\t\t\t\t\tcomputedVariant === 'toolbar'\n\t\t\t\t\t\t? 'alternate'\n\t\t\t\t\t\t: computedVariant\n\t\t\t\t}` ]: computedVariant,\n\t\t\t} ) }\n\t\t\t{ ...animationProps }\n\t\t\t{ ...contentProps }\n\t\t\tref={ mergedFloatingRef }\n\t\t\t{ ...dialogProps }\n\t\t\ttabIndex={ -1 }\n\t\t>\n\t\t\t{ / Prevents scroll on the document / }\n\t\t\t{ isExpanded && <ScrollLock /> }\n\t\t\t{ isExpanded && (\n\t\t\t\t<div className=\"components-popover__header\">\n\t\t\t\t\t<span className=\"components-popover__header-title\">\n\t\t\t\t\t\t{ headerTitle }\n\t\t\t\t\t</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"components-popover__close\"\n\t\t\t\t\t\ticon={ close }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div className=\"components-popover__content\">{ children }</div>\n\t\t\t{ hasArrow && (\n\t\t\t\t<div\n\t\t\t\t\tref={ arrowCallbackRef }\n\t\t\t\t\tclassName={ [\n\t\t\t\t\t\t'components-popover__arrow',\n\t\t\t\t\t\t`is-${ computedPlacement.split( '-' )[ 0 ] }`,\n\t\t\t\t\t].join( ' ' ) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tleft:\n\t\t\t\t\t\t\ttypeof arrowData?.x !== 'undefined' &&\n\t\t\t\t\t\t\tNumber.isFinite( arrowData.x )\n\t\t\t\t\t\t\t\t? `${ arrowData.x }px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\ttop:\n\t\t\t\t\t\t\ttypeof arrowData?.y !== 'undefined' &&\n\t\t\t\t\t\t\tNumber.isFinite( arrowData.y )\n\t\t\t\t\t\t\t\t? `${ arrowData.y }px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<ArrowTriangle />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</motion.div>\n\t);\n\n\tconst shouldRenderWithinSlot = slot.ref && ! inline;\n\tconst hasAnchor = anchorRef \|\| anchorRect \|\| anchor;\n\n\tif ( shouldRenderWithinSlot ) {\n\t\tcontent = <Fill name={ slotName }>{ content }</Fill>;\n\t} else if ( ! inline ) {\n\t\tcontent = createPortal(\n\t\t\t<StyleProvider document={ document }>{ content }</StyleProvider>,\n\t\t\tgetPopoverFallbackContainer()\n\t\t);\n\t}\n\n\tif ( hasAnchor ) {\n\t\treturn content;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<span ref={ anchorRefFallback } />\n\t\t\t{ content }\n\t\t</>\n\t);\n};\n\n/\n `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.\n \n ```jsx\n * import { Button, Popover } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyPopover = () => {\n * \tconst [ isVisible, setIsVisible ] = useState( false );\n * \tconst toggleVisible = () => {\n * \t\tsetIsVisible( ( state ) => ! state );\n * \t};\n \n \treturn (\n * \t\t<Button variant=\"secondary\" onClick={ toggleVisible }>\n * \t\t\tToggle Popover!\n * \t\t\t{ isVisible && <Popover>Popover is toggled!</Popover> }\n * \t\t</Button>\n * \t);\n * };\n * ```\n \n /\nexport const Popover = contextConnect( UnforwardedPopover, 'Popover' );\n\nfunction PopoverSlot(\n\t{ name = SLOT_NAME }: { name?: string },\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Slot\n\t\t\tbubblesVirtually\n\t\t\tname={ name }\n\t\t\tclassName=\"popover-slot\"\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\n// @ts-expect-error For Legacy Reasons\nPopover.Slot = forwardRef( PopoverSlot );\n// @ts-expect-error For Legacy Reasons\nPopover.__unstableSlotNameProvider = slotNameContext.Provider;\n\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_reactDom","_framerMotion","_element","_compose","_icons","_deprecated","_primitives","_i18n","_button","_scrollLock","_slotFill","_utils","_context","_overlayMiddlewares","_styleProvider","_jsxRuntime","SLOT_NAME","exports","ArrowTriangle","jsxs","SVG","xmlns","viewBox","className","role","children","jsx","Path","d","vectorEffect","slotNameContext","createContext","undefined","fallbackContainerClassname","getPopoverFallbackContainer","container","document","body","querySelector","createElement","append","UnforwardedPopover","props","forwardedRef","animate","headerTitle","constrainTabbing","onClose","noArrow","position","placement","placementProp","offset","offsetProp","focusOnMount","anchor","expandOnMobile","onFocusOutside","__unstableSlotName","flip","resize","shift","inline","variant","style","contentStyle","__unstableForcePosition","anchorRef","anchorRect","getAnchorRect","isAlternate","contentProps","useContextSystem","computedFlipProp","computedResizeProp","deprecated","since","version","alternative","computedVariant","arrowRef","useRef","fallbackReferenceElement","setFallbackReferenceElement","useState","anchorRefFallback","useCallback","node","isMobileViewport","useViewportMatch","isExpanded","hasArrow","normalizedPlacementFromProps","positionToPlacement","middleware","overlayMiddlewares","offsetMiddleware","flipMiddleware","size","apply","sizeProps","_refs$floating$curren","firstElementChild","refs","floating","current","HTMLElement","Object","assign","maxHeight","availableHeight","overflow","shiftMiddleware","crossAxis","limiter","limitShift","padding","arrow","element","slotName","useContext","slot","useSlot","onDialogClose","type","event","dialogRef","dialogProps","useDialog","__unstableOnClose","x","y","strategy","update","computedPlacement","middlewareData","arrowData","useFloating","whileElementsMounted","referenceParam","floatingParam","updateParam","autoUpdate","layoutShift","animationFrame","arrowCallbackRef","anchorRefTop","top","anchorRefBottom","bottom","anchorRefStartContainer","startContainer","anchorRefCurrent","useLayoutEffect","resultingReferenceElement","getReferenceElement","setReference","mergedFloatingRef","useMergeRefs","setFloating","left","computePopoverPosition","shouldReduceMotion","useReducedMotion","shouldAnimate","animationFinished","setAnimationFinished","motionInlineStyles","otherMotionProps","useMemo","placementToMotionAnimationProps","animationProps","onAnimationComplete","isPositioned","content","motion","div","clsx","ref","tabIndex","default","icon","close","onClick","label","__","split","join","Number","isFinite","shouldRenderWithinSlot","hasAnchor","Fill","name","createPortal","StyleProvider","Fragment","Popover","contextConnect","PopoverSlot","Slot","bubblesVirtually","forwardRef","__unstableSlotNameProvider","Provider","_default"],"sources":["@wordpress/components/src/popover/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport type { ForwardedRef, SyntheticEvent, RefCallback } from 'react';\nimport clsx from 'clsx';\nimport {\n\tuseFloating,\n\tflip as flipMiddleware,\n\tshift as shiftMiddleware,\n\tlimitShift,\n\tautoUpdate,\n\tarrow,\n\toffset as offsetMiddleware,\n\tsize,\n} from '@floating-ui/react-dom';\nimport type { HTMLMotionProps, MotionProps } from 'framer-motion';\nimport { motion } from 'framer-motion';\n\n/\n WordPress dependencies\n /\nimport {\n\tuseRef,\n\tuseLayoutEffect,\n\tforwardRef,\n\tcreateContext,\n\tuseContext,\n\tuseMemo,\n\tuseState,\n\tuseCallback,\n\tcreatePortal,\n} from '@wordpress/element';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseMergeRefs,\n\t__experimentalUseDialog as useDialog,\n} from '@wordpress/compose';\nimport { close } from '@wordpress/icons';\nimport deprecated from '@wordpress/deprecated';\nimport { Path, SVG } from '@wordpress/primitives';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport Button from '../button';\nimport ScrollLock from '../scroll-lock';\nimport { Slot, Fill, useSlot } from '../slot-fill';\nimport {\n\tcomputePopoverPosition,\n\tpositionToPlacement,\n\tplacementToMotionAnimationProps,\n\tgetReferenceElement,\n} from './utils';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { WordPressComponentProps } from '../context';\nimport type {\n\tPopoverProps,\n\tPopoverAnchorRefReference,\n\tPopoverAnchorRefTopBottom,\n} from './types';\nimport { overlayMiddlewares } from './overlay-middlewares';\nimport { StyleProvider } from '../style-provider';\n\n/\n Name of slot in which popover should fill.\n \n @type {string}\n /\nexport const SLOT_NAME = 'Popover';\n\n// An SVG displaying a triangle facing down, filled with a solid\n// color and bordered in such a way to create an arrow-like effect.\n// Keeping the SVG's viewbox squared simplify the arrow positioning\n// calculations.\nconst ArrowTriangle = () => (\n\t<SVG\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\tviewBox=\"0 0 100 100\"\n\t\tclassName=\"components-popover__triangle\"\n\t\trole=\"presentation\"\n\t>\n\t\t<Path\n\t\t\tclassName=\"components-popover__triangle-bg\"\n\t\t\td=\"M 0 0 L 50 50 L 100 0\"\n\t\t/>\n\t\t<Path\n\t\t\tclassName=\"components-popover__triangle-border\"\n\t\t\td=\"M 0 0 L 50 50 L 100 0\"\n\t\t\tvectorEffect=\"non-scaling-stroke\"\n\t\t/>\n\t</SVG>\n);\n\nconst slotNameContext = createContext< string \| undefined >( undefined );\n\nconst fallbackContainerClassname = 'components-popover__fallback-container';\nconst getPopoverFallbackContainer = () => {\n\tlet container = document.body.querySelector(\n\t\t'.' + fallbackContainerClassname\n\t);\n\tif ( ! container ) {\n\t\tcontainer = document.createElement( 'div' );\n\t\tcontainer.className = fallbackContainerClassname;\n\t\tdocument.body.append( container );\n\t}\n\n\treturn container;\n};\n\nconst UnforwardedPopover = (\n\tprops: Omit<\n\t\tWordPressComponentProps< PopoverProps, 'div', false >,\n\t\t// To avoid overlaps between the standard HTML attributes and the props\n\t\t// expected by `framer-motion`, omit all framer motion props from popover\n\t\t// props (except for `animate` and `children` which are re-defined in\n\t\t// `PopoverProps`, and `style` which is merged safely).\n\t\tkeyof Omit< MotionProps, 'animate' \| 'children' \| 'style' >\n\t>,\n\tforwardedRef: ForwardedRef< any >\n) => {\n\tconst {\n\t\tanimate = true,\n\t\theaderTitle,\n\t\tconstrainTabbing,\n\t\tonClose,\n\t\tchildren,\n\t\tclassName,\n\t\tnoArrow = true,\n\t\tposition,\n\t\tplacement: placementProp = 'bottom-start',\n\t\toffset: offsetProp = 0,\n\t\tfocusOnMount = 'firstElement',\n\t\tanchor,\n\t\texpandOnMobile,\n\t\tonFocusOutside,\n\t\t__unstableSlotName = SLOT_NAME,\n\t\tflip = true,\n\t\tresize = true,\n\t\tshift = false,\n\t\tinline = false,\n\t\tvariant,\n\t\tstyle: contentStyle,\n\n\t\t// Deprecated props\n\t\t__unstableForcePosition,\n\t\tanchorRef,\n\t\tanchorRect,\n\t\tgetAnchorRect,\n\t\tisAlternate,\n\n\t\t// Rest\n\t\t...contentProps\n\t} = useContextSystem( props, 'Popover' );\n\n\tlet computedFlipProp = flip;\n\tlet computedResizeProp = resize;\n\tif ( __unstableForcePosition !== undefined ) {\n\t\tdeprecated( '`__unstableForcePosition` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\tversion: '6.3',\n\t\t\talternative: '`flip={ false }` and `resize={ false }`',\n\t\t} );\n\n\t\t// Back-compat, set the `flip` and `resize` props\n\t\t// to `false` to replicate `__unstableForcePosition`.\n\t\tcomputedFlipProp = ! __unstableForcePosition;\n\t\tcomputedResizeProp = ! __unstableForcePosition;\n\t}\n\n\tif ( anchorRef !== undefined ) {\n\t\tdeprecated( '`anchorRef` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tif ( anchorRect !== undefined ) {\n\t\tdeprecated( '`anchorRect` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tif ( getAnchorRect !== undefined ) {\n\t\tdeprecated( '`getAnchorRect` prop in wp.components.Popover', {\n\t\t\tsince: '6.1',\n\t\t\talternative: '`anchor` prop',\n\t\t} );\n\t}\n\n\tconst computedVariant = isAlternate ? 'toolbar' : variant;\n\tif ( isAlternate !== undefined ) {\n\t\tdeprecated( '`isAlternate` prop in wp.components.Popover', {\n\t\t\tsince: '6.2',\n\t\t\talternative: \"`variant` prop with the `'toolbar'` value\",\n\t\t} );\n\t}\n\n\tconst arrowRef = useRef< HTMLElement \| null >( null );\n\n\tconst [ fallbackReferenceElement, setFallbackReferenceElement ] =\n\t\tuseState< HTMLSpanElement \| null >( null );\n\n\tconst anchorRefFallback: RefCallback< HTMLSpanElement > = useCallback(\n\t\t( node ) => {\n\t\t\tsetFallbackReferenceElement( node );\n\t\t},\n\t\t[]\n\t);\n\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst isExpanded = expandOnMobile && isMobileViewport;\n\tconst hasArrow = ! isExpanded && ! noArrow;\n\tconst normalizedPlacementFromProps = position\n\t\t? positionToPlacement( position )\n\t\t: placementProp;\n\n\tconst middleware = [\n\t\t...( placementProp === 'overlay' ? overlayMiddlewares() : [] ),\n\t\toffsetMiddleware( offsetProp ),\n\t\tcomputedFlipProp && flipMiddleware(),\n\t\tcomputedResizeProp &&\n\t\t\tsize( {\n\t\t\t\tapply( sizeProps ) {\n\t\t\t\t\tconst { firstElementChild } = refs.floating.current ?? {};\n\n\t\t\t\t\t// Only HTMLElement instances have the `style` property.\n\t\t\t\t\tif ( ! ( firstElementChild instanceof HTMLElement ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Reduce the height of the popover to the available space.\n\t\t\t\t\tObject.assign( firstElementChild.style, {\n\t\t\t\t\t\tmaxHeight: `${ sizeProps.availableHeight }px`,\n\t\t\t\t\t\toverflow: 'auto',\n\t\t\t\t\t} );\n\t\t\t\t},\n\t\t\t} ),\n\t\tshift &&\n\t\t\tshiftMiddleware( {\n\t\t\t\tcrossAxis: true,\n\t\t\t\tlimiter: limitShift(),\n\t\t\t\tpadding: 1, // Necessary to avoid flickering at the edge of the viewport.\n\t\t\t} ),\n\t\tarrow( { element: arrowRef } ),\n\t];\n\tconst slotName = useContext( slotNameContext ) \|\| __unstableSlotName;\n\tconst slot = useSlot( slotName );\n\n\tlet onDialogClose;\n\n\tif ( onClose \|\| onFocusOutside ) {\n\t\tonDialogClose = ( type: string \| undefined, event: SyntheticEvent ) => {\n\t\t\t// Ideally the popover should have just a single onClose prop and\n\t\t\t// not three props that potentially do the same thing.\n\t\t\tif ( type === 'focus-outside' && onFocusOutside ) {\n\t\t\t\tonFocusOutside( event );\n\t\t\t} else if ( onClose ) {\n\t\t\t\tonClose();\n\t\t\t}\n\t\t};\n\t}\n\n\tconst [ dialogRef, dialogProps ] = useDialog( {\n\t\tconstrainTabbing,\n\t\tfocusOnMount,\n\t\t__unstableOnClose: onDialogClose,\n\t\t// @ts-expect-error The __unstableOnClose property needs to be deprecated first (see https://github.com/WordPress/gutenberg/pull/27675)\n\t\tonClose: onDialogClose,\n\t} );\n\n\tconst {\n\t\t// Positioning coordinates\n\t\tx,\n\t\ty,\n\t\t// Object with \"regular\" refs to both \"reference\" and \"floating\"\n\t\trefs,\n\t\t// Type of CSS position property to use (absolute or fixed)\n\t\tstrategy,\n\t\tupdate,\n\t\tplacement: computedPlacement,\n\t\tmiddlewareData: { arrow: arrowData },\n\t} = useFloating( {\n\t\tplacement:\n\t\t\tnormalizedPlacementFromProps === 'overlay'\n\t\t\t\t? undefined\n\t\t\t\t: normalizedPlacementFromProps,\n\t\tmiddleware,\n\t\twhileElementsMounted: ( referenceParam, floatingParam, updateParam ) =>\n\t\t\tautoUpdate( referenceParam, floatingParam, updateParam, {\n\t\t\t\tlayoutShift: false,\n\t\t\t\tanimationFrame: true,\n\t\t\t} ),\n\t} );\n\n\tconst arrowCallbackRef = useCallback(\n\t\t( node: HTMLElement \| null ) => {\n\t\t\tarrowRef.current = node;\n\t\t\tupdate();\n\t\t},\n\t\t[ update ]\n\t);\n\n\t// When any of the possible anchor \"sources\" change,\n\t// recompute the reference element (real or virtual) and its owner document.\n\n\tconst anchorRefTop = ( anchorRef as PopoverAnchorRefTopBottom \| undefined )\n\t\t?.top;\n\tconst anchorRefBottom = (\n\t\tanchorRef as PopoverAnchorRefTopBottom \| undefined\n\t )?.bottom;\n\tconst anchorRefStartContainer = ( anchorRef as Range \| undefined )\n\t\t?.startContainer;\n\tconst anchorRefCurrent = ( anchorRef as PopoverAnchorRefReference )\n\t\t?.current;\n\n\tuseLayoutEffect( () => {\n\t\tconst resultingReferenceElement = getReferenceElement( {\n\t\t\tanchor,\n\t\t\tanchorRef,\n\t\t\tanchorRect,\n\t\t\tgetAnchorRect,\n\t\t\tfallbackReferenceElement,\n\t\t} );\n\n\t\trefs.setReference( resultingReferenceElement );\n\t}, [\n\t\tanchor,\n\t\tanchorRef,\n\t\tanchorRefTop,\n\t\tanchorRefBottom,\n\t\tanchorRefStartContainer,\n\t\tanchorRefCurrent,\n\t\tanchorRect,\n\t\tgetAnchorRect,\n\t\tfallbackReferenceElement,\n\t\trefs,\n\t] );\n\n\tconst mergedFloatingRef = useMergeRefs( [\n\t\trefs.setFloating,\n\t\tdialogRef,\n\t\tforwardedRef,\n\t] );\n\n\tconst style = isExpanded\n\t\t? undefined\n\t\t: {\n\t\t\t\tposition: strategy,\n\t\t\t\ttop: 0,\n\t\t\t\tleft: 0,\n\t\t\t\t// `x` and `y` are framer-motion specific props and are shorthands\n\t\t\t\t// for `translateX` and `translateY`. Currently it is not possible\n\t\t\t\t// to use `translateX` and `translateY` because those values would\n\t\t\t\t// be overridden by the return value of the\n\t\t\t\t// `placementToMotionAnimationProps` function.\n\t\t\t\tx: computePopoverPosition( x ),\n\t\t\t\ty: computePopoverPosition( y ),\n\t\t };\n\n\tconst shouldReduceMotion = useReducedMotion();\n\tconst shouldAnimate = animate && ! isExpanded && ! shouldReduceMotion;\n\n\tconst [ animationFinished, setAnimationFinished ] = useState( false );\n\n\tconst { style: motionInlineStyles, ...otherMotionProps } = useMemo(\n\t\t() => placementToMotionAnimationProps( computedPlacement ),\n\t\t[ computedPlacement ]\n\t);\n\n\tconst animationProps: HTMLMotionProps< 'div' > = shouldAnimate\n\t\t? {\n\t\t\t\tstyle: {\n\t\t\t\t\t...contentStyle,\n\t\t\t\t\t...motionInlineStyles,\n\t\t\t\t\t...style,\n\t\t\t\t},\n\t\t\t\tonAnimationComplete: () => setAnimationFinished( true ),\n\t\t\t\t...otherMotionProps,\n\t\t }\n\t\t: {\n\t\t\t\tanimate: false,\n\t\t\t\tstyle: {\n\t\t\t\t\t...contentStyle,\n\t\t\t\t\t...style,\n\t\t\t\t},\n\t\t };\n\n\t// When Floating UI has finished positioning and Framer Motion has finished animating\n\t// the popover, add the `is-positioned` class to signal that all transitions have finished.\n\tconst isPositioned =\n\t\t( ! shouldAnimate \|\| animationFinished ) && x !== null && y !== null;\n\n\tlet content = (\n\t\t<motion.div\n\t\t\tclassName={ clsx( className, {\n\t\t\t\t'is-expanded': isExpanded,\n\t\t\t\t'is-positioned': isPositioned,\n\t\t\t\t// Use the 'alternate' classname for 'toolbar' variant for back compat.\n\t\t\t\t[ `is-${\n\t\t\t\t\tcomputedVariant === 'toolbar'\n\t\t\t\t\t\t? 'alternate'\n\t\t\t\t\t\t: computedVariant\n\t\t\t\t}` ]: computedVariant,\n\t\t\t} ) }\n\t\t\t{ ...animationProps }\n\t\t\t{ ...contentProps }\n\t\t\tref={ mergedFloatingRef }\n\t\t\t{ ...dialogProps }\n\t\t\ttabIndex={ -1 }\n\t\t>\n\t\t\t{ / Prevents scroll on the document / }\n\t\t\t{ isExpanded && <ScrollLock /> }\n\t\t\t{ isExpanded && (\n\t\t\t\t<div className=\"components-popover__header\">\n\t\t\t\t\t<span className=\"components-popover__header-title\">\n\t\t\t\t\t\t{ headerTitle }\n\t\t\t\t\t</span>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"components-popover__close\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ticon={ close }\n\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<div className=\"components-popover__content\">{ children }</div>\n\t\t\t{ hasArrow && (\n\t\t\t\t<div\n\t\t\t\t\tref={ arrowCallbackRef }\n\t\t\t\t\tclassName={ [\n\t\t\t\t\t\t'components-popover__arrow',\n\t\t\t\t\t\t`is-${ computedPlacement.split( '-' )[ 0 ] }`,\n\t\t\t\t\t].join( ' ' ) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tleft:\n\t\t\t\t\t\t\ttypeof arrowData?.x !== 'undefined' &&\n\t\t\t\t\t\t\tNumber.isFinite( arrowData.x )\n\t\t\t\t\t\t\t\t? `${ arrowData.x }px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\ttop:\n\t\t\t\t\t\t\ttypeof arrowData?.y !== 'undefined' &&\n\t\t\t\t\t\t\tNumber.isFinite( arrowData.y )\n\t\t\t\t\t\t\t\t? `${ arrowData.y }px`\n\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<ArrowTriangle />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</motion.div>\n\t);\n\n\tconst shouldRenderWithinSlot = slot.ref && ! inline;\n\tconst hasAnchor = anchorRef \|\| anchorRect \|\| anchor;\n\n\tif ( shouldRenderWithinSlot ) {\n\t\tcontent = <Fill name={ slotName }>{ content }</Fill>;\n\t} else if ( ! inline ) {\n\t\tcontent = createPortal(\n\t\t\t<StyleProvider document={ document }>{ content }</StyleProvider>,\n\t\t\tgetPopoverFallbackContainer()\n\t\t);\n\t}\n\n\tif ( hasAnchor ) {\n\t\treturn content;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<span ref={ anchorRefFallback } />\n\t\t\t{ content }\n\t\t</>\n\t);\n};\n\n/\n `Popover` renders its content in a floating modal. If no explicit anchor is passed via props, it anchors to its parent element by default.\n \n ```jsx\n * import { Button, Popover } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyPopover = () => {\n * \tconst [ isVisible, setIsVisible ] = useState( false );\n * \tconst toggleVisible = () => {\n * \t\tsetIsVisible( ( state ) => ! state );\n * \t};\n \n \treturn (\n * \t\t<Button variant=\"secondary\" onClick={ toggleVisible }>\n * \t\t\tToggle Popover!\n * \t\t\t{ isVisible && <Popover>Popover is toggled!</Popover> }\n * \t\t</Button>\n * \t);\n * };\n * ```\n \n /\nexport const Popover = contextConnect( UnforwardedPopover, 'Popover' );\n\nfunction PopoverSlot(\n\t{ name = SLOT_NAME }: { name?: string },\n\tref: ForwardedRef< any >\n) {\n\treturn (\n\t\t<Slot\n\t\t\tbubblesVirtually\n\t\t\tname={ name }\n\t\t\tclassName=\"popover-slot\"\n\t\t\tref={ ref }\n\t\t/>\n\t);\n}\n\n// @ts-expect-error For Legacy Reasons\nPopover.Slot = forwardRef( PopoverSlot );\n// @ts-expect-error For Legacy Reasons\nPopover.__unstableSlotNameProvider = slotNameContext.Provider;\n\nexport default Popover;\n"],"mappings":"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","ignoreList":[]}

package/build/private-apis.js CHANGED Viewed

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.privateApis = void 0;
 var _utils = require("./popover/utils");
-var _slotFill = require("./slot-fill");
 var _menu = require("./menu");
 var _contextSystemProvider = require("./context/context-system-provider");
 var _theme = _interopRequireDefault(require("./theme"));
@@ -20,7 +19,6 @@ var _lockUnlock = require("./lock-unlock");
 const privateApis = exports.privateApis = {};
 (0, _lockUnlock.lock)(privateApis, {
   __experimentalPopoverLegacyPositionToPlacement: _utils.positionToPlacement,
-  createPrivateSlotFill: _slotFill.createPrivateSlotFill,
   ComponentsContext: _contextSystemProvider.ComponentsContext,
   Tabs: _tabs.Tabs,
   Theme: _theme.default,

package/build/private-apis.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_utils","require","~~_slotFill","~~_menu","_contextSystemProvider","_theme","_interopRequireDefault","_tabs","_strings","_lockUnlock","privateApis","exports","lock","__experimentalPopoverLegacyPositionToPlacement","~~createPrivateSlotFill","~~ComponentsContext","Tabs","Theme","Menu","kebabCase"],"sources":["@wordpress/components/src/private-apis.ts"],"sourcesContent":["/*\n Internal dependencies\n */\nimport { positionToPlacement as __experimentalPopoverLegacyPositionToPlacement } from './popover/utils';\nimport { ~~createPrivateSlotFill } from './slot-fill';\nimport {~~ Menu } from './menu';\nimport { ComponentsContext } from './context/context-system-provider';\nimport Theme from './theme';\nimport { Tabs } from './tabs';\nimport { kebabCase } from './utils/strings';\nimport { lock } from './lock-unlock';\n\nexport const privateApis = {};\nlock( privateApis, {\n\t__experimentalPopoverLegacyPositionToPlacement,\n\~~tcreatePrivateSlotFill,\n\~~tComponentsContext,\n\tTabs,\n\tTheme,\n\tMenu,\n\tkebabCase,\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,~~SAAA~~,GAAAD,OAAA;AACA,IAAAE,~~KAAA~~,GAAAF,OAAA;AACA,IAAAG,~~sBAAA,GAAAH,OAAA;AACA,IAAAI,~~MAAA,GAAAC,sBAAA,~~CAAAL~~,OAAA;AACA,~~IAAAM~~,KAAA,~~GAAAN~~,OAAA;AACA,~~IAAAO~~,QAAA,~~GAAAP~~,OAAA;AACA,~~IAAAQ~~,WAAA,~~GAAAR~~,OAAA;~~AAVA~~;AACA;AACA;;~~AAUO~~,~~MAAMS~~,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,CAAC,CAAC;AAC7B,IAAAE,gBAAI,EAAEF,WAAW,EAAE;EAClBG,8CAA8C,EAA9CA,0BAA8C;EAC9CC,~~qBAAqB,EAArBA,+BAAqB;EACrBC,~~iBAAiB,EAAjBA,wCAAiB;EACjBC,IAAI,EAAJA,UAAI;EACJC,KAAK,EAALA,cAAK;EACLC,IAAI,EAAJA,UAAI;EACJC,SAAS,EAATA;AACD,CAAE,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_utils","require","_menu","_contextSystemProvider","_theme","_interopRequireDefault","_tabs","_strings","_lockUnlock","privateApis","exports","lock","__experimentalPopoverLegacyPositionToPlacement","ComponentsContext","Tabs","Theme","Menu","kebabCase"],"sources":["@wordpress/components/src/private-apis.ts"],"sourcesContent":["/*\n Internal dependencies\n */\nimport { positionToPlacement as __experimentalPopoverLegacyPositionToPlacement } from './popover/utils';\nimport { Menu } from './menu';\nimport { ComponentsContext } from './context/context-system-provider';\nimport Theme from './theme';\nimport { Tabs } from './tabs';\nimport { kebabCase } from './utils/strings';\nimport { lock } from './lock-unlock';\n\nexport const privateApis = {};\nlock( privateApis, {\n\t__experimentalPopoverLegacyPositionToPlacement,\n\tComponentsContext,\n\tTabs,\n\tTheme,\n\tMenu,\n\tkebabCase,\n} );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AATA;AACA;AACA;;AASO,MAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,CAAC,CAAC;AAC7B,IAAAE,gBAAI,EAAEF,WAAW,EAAE;EAClBG,8CAA8C,EAA9CA,0BAA8C;EAC9CC,iBAAiB,EAAjBA,wCAAiB;EACjBC,IAAI,EAAJA,UAAI;EACJC,KAAK,EAALA,cAAK;EACLC,IAAI,EAAJA,UAAI;EACJC,SAAS,EAATA;AACD,CAAE,CAAC","ignoreList":[]}

package/build/radio-group/radio.js CHANGED Viewed

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("@ariakit/react"));
 var Ariakit = _react;
 var _button = _interopRequireDefault(require("../button"));
 var _context = require("./context");
+var _deprecated36pxSize = require("../utils/deprecated-36px-size");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -36,6 +37,11 @@ function UnforwardedRadio({
   } = (0, _element.useContext)(_context.RadioGroupContext);
   const selectedValue = (0, _react.useStoreState)(store, 'value');
   const isChecked = selectedValue !== undefined && selectedValue === value;
+  (0, _deprecated36pxSize.maybeWarnDeprecated36pxSize)({
+    componentName: 'Radio',
+    size: undefined,
+    __next40pxDefaultSize: props.__next40pxDefaultSize
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Ariakit.Radio, {
     disabled: disabled,
     store: store,

package/build/radio-group/radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_element","require","_react","_interopRequireWildcard","Ariakit","_button","_interopRequireDefault","_context","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnforwardedRadio","value","children","props","ref","store","disabled","useContext","RadioGroupContext","selectedValue","useStoreState","isChecked","undefined","jsx","Radio","render","variant","exports","forwardRef","_default"],"sources":["@wordpress/components/src/radio-group/radio.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/\n External dependencies\n /\nimport as Ariakit from '@ariakit/react';\nimport { useStoreState } from '@ariakit/react';\n\n/*\n Internal dependencies\n /\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioProps } from './types';\n\nfunction UnforwardedRadio(\n\t{\n\t\tvalue,\n\t\tchildren,\n\t\t...props\n\t}: WordPressComponentProps< RadioProps, 'button', false >,\n\tref: React.ForwardedRef< any >\n) {\n\tconst { store, disabled } = useContext( RadioGroupContext );\n\n\tconst selectedValue = useStoreState( store, 'value' );\n\tconst isChecked = selectedValue !== undefined && selectedValue === value;\n\n\treturn (\n\t\t<Ariakit.Radio\n\t\t\tdisabled={ disabled }\n\t\t\tstore={ store }\n\t\t\tref={ ref }\n\t\t\tvalue={ value }\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ isChecked ? 'primary' : 'secondary' }\n\t\t\t\t\t{ ...props }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ children \|\| value }\n\t\t</Ariakit.Radio>\n\t);\n}\n\n/\n @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef( UnforwardedRadio );\nexport default Radio;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAA0C,IAAAG,OAAA,GAAAF,MAAA;AAM1C,IAAAG,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;~~AAA8C~~,IAAAO,~~WAAA~~,GAAAP,OAAA;AAAA,~~SAAAQ~~,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,~~SAAAP~~,~~wBAAAO~~,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;~~AAf9C~~;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;~~AAMA~~,SAASW,gBAAgBA,CACxB;EACCC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACoD,CAAC,EACzDC,GAA8B,EAC7B;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAG,IAAAC,mBAAU,EAAEC,0BAAkB,CAAC;EAE3D,MAAMC,aAAa,GAAG,IAAAC,oBAAa,EAAEL,KAAK,EAAE,OAAQ,CAAC;EACrD,MAAMM,SAAS,GAAGF,aAAa,KAAKG,SAAS,IAAIH,aAAa,KAAKR,KAAK;EAExE,oBACC,~~IAAAtB~~,WAAA,~~CAAAkC~~,GAAA,~~EAACtC~~,OAAO,~~CAACuC~~,KAAK;~~IACbR~~,QAAQ,EAAGA,QAAU;IACrBD,KAAK,EAAGA,KAAO;IACfD,GAAG,EAAGA,GAAK;IACXH,KAAK,EAAGA,KAAO;~~IACfc~~,MAAM,eACL,~~IAAApC~~,WAAA,~~CAAAkC~~,GAAA,~~EAACrC~~,OAAA,~~CAAAU~~,OAAM;~~MACN8B~~,OAAO,~~EAAGL~~,SAAS,GAAG,SAAS,GAAG,WAAa;MAAA,GAC1CR;IAAK,CACV,CACD;IAAAD,QAAA,EAECA,QAAQ,IAAID;EAAK,CACL,CAAC;AAElB;;AAEA;AACA;AACA;AACO,~~MAAMa~~,KAAK,GAAAG,OAAA,CAAAH,KAAA,GAAG,IAAAI,mBAAU,~~EAAElB~~,gBAAiB,CAAC;AAAC,~~IAAAmB~~,QAAA,GAAAF,OAAA,~~CAAA/B~~,OAAA,~~GACrC4B~~,KAAK","ignoreList":[]}
1	+ {"version":3,"names":["_element","require","_react","_interopRequireWildcard","Ariakit","_button","_interopRequireDefault","_context","_deprecated36pxSize","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UnforwardedRadio","value","children","props","ref","store","disabled","useContext","RadioGroupContext","selectedValue","useStoreState","isChecked","undefined","maybeWarnDeprecated36pxSize","componentName","size","__next40pxDefaultSize","jsx","Radio","render","variant","exports","forwardRef","_default"],"sources":["@wordpress/components/src/radio-group/radio.tsx"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { forwardRef, useContext } from '@wordpress/element';\n\n/\n External dependencies\n /\nimport as Ariakit from '@ariakit/react';\nimport { useStoreState } from '@ariakit/react';\n\n/*\n Internal dependencies\n /\nimport Button from '../button';\nimport { RadioGroupContext } from './context';\nimport type { WordPressComponentProps } from '../context';\nimport type { RadioProps } from './types';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\n\nfunction UnforwardedRadio(\n\t{\n\t\tvalue,\n\t\tchildren,\n\t\t...props\n\t}: WordPressComponentProps< RadioProps, 'button', false >,\n\tref: React.ForwardedRef< any >\n) {\n\tconst { store, disabled } = useContext( RadioGroupContext );\n\n\tconst selectedValue = useStoreState( store, 'value' );\n\tconst isChecked = selectedValue !== undefined && selectedValue === value;\n\n\tmaybeWarnDeprecated36pxSize( {\n\t\tcomponentName: 'Radio',\n\t\tsize: undefined,\n\t\t__next40pxDefaultSize: props.__next40pxDefaultSize,\n\t} );\n\n\treturn (\n\t\t<Ariakit.Radio\n\t\t\tdisabled={ disabled }\n\t\t\tstore={ store }\n\t\t\tref={ ref }\n\t\t\tvalue={ value }\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\tvariant={ isChecked ? 'primary' : 'secondary' }\n\t\t\t\t\t{ ...props }\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t{ children \|\| value }\n\t\t</Ariakit.Radio>\n\t);\n}\n\n/\n @deprecated Use `RadioControl` or `ToggleGroupControl` instead.\n */\nexport const Radio = forwardRef( UnforwardedRadio );\nexport default Radio;\n"],"mappings":"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","ignoreList":[]}

package/build/radio-group/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/components/src/radio-group/types.ts"],"sourcesContent":["~~export~~ type RadioGroupProps = {\n\t/*\n\t Accessible label for the radio group\n\t /\n\tlabel: string;\n\t/\n\t The `value` of the `Radio` element which should be selected.\n\t * Indicates controlled usage of the component.\n\t /\n\tchecked?: string \| number;\n\t/\n\t The value of the radio element which is initially selected.\n\t /\n\tdefaultChecked?: string \| number;\n\t/\n\t Whether the `RadioGroup` should be disabled.\n\t /\n\tdisabled?: boolean;\n\t/\n\t Called when a `Radio` element has been selected.\n\t * Receives the `value` of the selected element as an argument.\n\t /\n\tonChange?: ( value: string \| number \| undefined ) => void;\n\t/\n\t The children elements, which should be a series of `Radio` components.\n\t /\n\tchildren: React.ReactNode;\n};\n\nexport type RadioProps = {\n\t/\n\t The actual value of the radio element.\n\t /\n\tvalue: string \| number;\n\t/\n\t Content displayed on the Radio element. If there aren't any children, `value` is displayed.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["@wordpress/components/src/radio-group/types.ts"],"sourcesContent":["/*\n Internal dependencies\n /\nimport type { ButtonProps } from '../button/types';\n\nexport type RadioGroupProps = {\n\t/\n\t Accessible label for the radio group\n\t /\n\tlabel: string;\n\t/\n\t The `value` of the `Radio` element which should be selected.\n\t * Indicates controlled usage of the component.\n\t /\n\tchecked?: string \| number;\n\t/\n\t The value of the radio element which is initially selected.\n\t /\n\tdefaultChecked?: string \| number;\n\t/\n\t Whether the `RadioGroup` should be disabled.\n\t /\n\tdisabled?: boolean;\n\t/\n\t Called when a `Radio` element has been selected.\n\t * Receives the `value` of the selected element as an argument.\n\t /\n\tonChange?: ( value: string \| number \| undefined ) => void;\n\t/\n\t The children elements, which should be a series of `Radio` components.\n\t /\n\tchildren: React.ReactNode;\n};\n\nexport type RadioProps = Pick< ButtonProps, '__next40pxDefaultSize' > & {\n\t/\n\t The actual value of the radio element.\n\t /\n\tvalue: string \| number;\n\t/\n\t Content displayed on the Radio element. If there aren't any children, `value` is displayed.\n\t */\n\tchildren?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/build/range-control/index.js CHANGED Viewed

@@ -20,6 +20,7 @@ var _rail = _interopRequireDefault(require("./rail"));
 var _tooltip = _interopRequireDefault(require("./tooltip"));
 var _rangeControlStyles = require("./styles/range-control-styles");
 var _space = require("../utils/space");
+var _deprecated36pxSize = require("../utils/deprecated-36px-size");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
@@ -84,6 +85,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
     trackColor,
     value: valueProp,
     withInputField = true,
+    __shouldNotWarnDeprecated36pxSize,
     ...otherProps
   } = props;
   const [value, setValue] = (0, _utils2.useControlledRangeValue)({
@@ -185,6 +187,14 @@ function UnforwardedRangeControl(props, forwardedRef) {
   const offsetStyle = {
     [(0, _i18n.isRTL)() ? 'right' : 'left']: fillValueOffset
   };
+  // Add default size deprecation warning.
+  (0, _deprecated36pxSize.maybeWarnDeprecated36pxSize)({
+    componentName: 'RangeControl',
+    __next40pxDefaultSize,
+    size: undefined,
+    __shouldNotWarnDeprecated36pxSize
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseControl.default, {
     __nextHasNoMarginBottom: __nextHasNoMarginBottom,
     __associatedWPComponentName: "RangeControl",
@@ -314,6 +324,7 @@ function UnforwardedRangeControl(props, forwardedRef) {
  *   return (
  *     <RangeControl
  *       __nextHasNoMarginBottom
+ *       __next40pxDefaultSize
  *       help="Please select how transparent you would like this."
  *       initialPosition={50}
  *       label="Opacity"

package/build/range-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_element","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","_jsxRuntime","noop","computeResetValue","resetFallbackValue","initialPosition","undefined","Number","isNaN","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","theme","accent","currentInput","disabled","help","hideLabelFromVision","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","otherProps","setValue","useControlledRangeValue","initial","isResetPendent","useRef","hasTooltip","hasInputField","setShowTooltip","useState","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","clamp","classes","clsx","wrapperClasses","id","useInstanceId","describedBy","enableTooltip","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","floatClamp","handleOnInputNumberBlur","handleOnReset","resetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","isRTL","jsx","default","__associatedWPComponentName","children","jsxs","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","size","__unstableInputWidth","space","ActionRightWrapper","accessibleWhenDisabled","variant","onClick","__","RangeControl","exports","forwardRef","_default"],"sources":["@wordpress/components/src/range-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\nimport type { ChangeEvent, FocusEvent, ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport {\n\tActionRightWrapper,\n\tAfterIconWrapper,\n\tBeforeIconWrapper,\n\tInputNumber,\n\tRoot,\n\tTrack,\n\tThumbWrapper,\n\tThumb,\n\tWrapper,\n} from './styles/range-control-styles';\n\nimport type { RangeControlProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport { space } from '../utils/space';\n\nconst noop = () => {};\n\n/\n Computes the value that `RangeControl` should reset to when pressing\n * the reset button.\n /\nfunction computeResetValue( {\n\tresetFallbackValue,\n\tinitialPosition,\n}: Pick< RangeControlProps, 'resetFallbackValue' \| 'initialPosition' > ) {\n\tif ( resetFallbackValue !== undefined ) {\n\t\treturn ! Number.isNaN( resetFallbackValue ) ? resetFallbackValue : null;\n\t}\n\n\tif ( initialPosition !== undefined ) {\n\t\treturn ! Number.isNaN( initialPosition ) ? initialPosition : null;\n\t}\n\n\treturn null;\n}\n\nfunction UnforwardedRangeControl(\n\tprops: WordPressComponentProps< RangeControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcolor: colorProp = COLORS.theme.accent,\n\t\tcurrentInput,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmarks = false,\n\t\tmax = 100,\n\t\tmin = 0,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\trailColor,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tresetFallbackValue,\n\t\t__next40pxDefaultSize = false,\n\t\tshiftStep = 10,\n\t\tshowTooltip: showTooltipProp,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t...otherProps\n\t} = props;\n\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp ?? null,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\n\tlet hasTooltip = showTooltipProp;\n\tlet hasInputField = withInputField;\n\n\tif ( step === 'any' ) {\n\t\t// The tooltip and number input field are hidden when the step is \"any\"\n\t\t// because the decimals get too lengthy to fit well.\n\t\thasTooltip = false;\n\t\thasInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( hasTooltip );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst isCurrentlyFocused = inputRef.current?.matches( ':focus' );\n\tconst isThumbFocused = ! disabled && isFocused;\n\n\tconst isValueReset = value === null;\n\tconst currentValue = value !== undefined ? value : currentInput;\n\n\tconst inputSliderValue = isValueReset ? '' : currentValue;\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst fillValue = isValueReset\n\t\t? 50\n\t\t: ( ( value - min ) / ( max - min ) ) 100;\n\tconst fillValueOffset = `${ clamp( fillValue, 0, 100 ) }%`;\n\n\tconst classes = clsx( 'components-range-control', className );\n\n\tconst wrapperClasses = clsx(\n\t\t'components-range-control__wrapper',\n\t\t!! marks && 'is-marked'\n\t);\n\n\tconst id = useInstanceId(\n\t\tUnforwardedRangeControl,\n\t\t'inspector-range-control'\n\t);\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = hasTooltip !== false && Number.isFinite( value );\n\n\tconst handleOnRangeChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( next?: string ) => {\n\t\t// @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n\t\t// potentially receive a NaN when next is undefined.\n\t\tlet nextValue = parseFloat( next );\n\t\tsetValue( nextValue );\n\n\t\t/\n\t\t Calls onChange only when nextValue is numeric\n\t\t * otherwise may queue a reset for the blur event.\n\t\t /\n\t\tif ( ! isNaN( nextValue ) ) {\n\t\t\tif ( nextValue < min \|\| nextValue > max ) {\n\t\t\t\tnextValue = floatClamp( nextValue, min, max ) as number;\n\t\t\t}\n\n\t\t\tonChange( nextValue );\n\t\t\tisResetPendent.current = false;\n\t\t} else if ( allowReset ) {\n\t\t\tisResetPendent.current = true;\n\t\t}\n\t};\n\n\tconst handleOnInputNumberBlur = () => {\n\t\tif ( isResetPendent.current ) {\n\t\t\thandleOnReset();\n\t\t\tisResetPendent.current = false;\n\t\t}\n\t};\n\n\tconst handleOnReset = () => {\n\t\t// Reset to `resetFallbackValue` if defined, otherwise set internal value\n\t\t// to `null` — which, if propagated to the `value` prop, will cause\n\t\t// the value to be reset to the `initialPosition` prop if defined.\n\t\tconst resetValue = Number.isNaN( resetFallbackValue )\n\t\t\t? null\n\t\t\t: resetFallbackValue ?? null;\n\n\t\tsetValue( resetValue );\n\n\t\t/\n\t\t Previously, this callback would always receive undefined as\n\t\t * an argument. This behavior is unexpected, specifically\n\t\t * when resetFallbackValue is defined.\n\t\t \n\t\t The value of undefined is not ideal. Passing it through\n\t\t * to internal <input /> elements would change it from a\n\t\t * controlled component to an uncontrolled component.\n\t\t \n\t\t For now, to minimize unexpected regressions, we're going to\n\t\t * preserve the undefined callback argument, except when a\n\t\t * resetFallbackValue is defined.\n\t\t /\n\t\tonChange( resetValue ?? undefined );\n\t};\n\n\tconst handleShowTooltip = () => setShowTooltip( true );\n\tconst handleHideTooltip = () => setShowTooltip( false );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t\thandleShowTooltip();\n\t};\n\n\tconst offsetStyle = {\n\t\t[ isRTL() ? 'right' : 'left' ]: fillValueOffset,\n\t};\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t__associatedWPComponentName=\"RangeControl\"\n\t\t\tclassName={ classes }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ `${ id }` }\n\t\t\thelp={ help }\n\t\t>\n\t\t\t<Root\n\t\t\t\tclassName=\"components-range-control__root\"\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t{ beforeIcon && (\n\t\t\t\t\t<BeforeIconWrapper>\n\t\t\t\t\t\t<Icon icon={ beforeIcon } />\n\t\t\t\t\t</BeforeIconWrapper>\n\t\t\t\t) }\n\t\t\t\t<Wrapper\n\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\tclassName={ wrapperClasses }\n\t\t\t\t\tcolor={ colorProp }\n\t\t\t\t\tmarks={ !! marks }\n\t\t\t\t>\n\t\t\t\t\t<InputRange\n\t\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t\tclassName=\"components-range-control__slider\"\n\t\t\t\t\t\tdescribedBy={ describedBy }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tid={ `${ id }` }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\t\tonChange={ handleOnRangeChange }\n\t\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\t\tonMouseMove={ onMouseMove }\n\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\tref={ useMergeRefs( [ inputRef, forwardedRef ] ) }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue ?? undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\n\t\t\t\t\t\tclassName=\"components-range-control__thumb-wrapper\"\n\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\ttooltipPosition=\"bottom\"\n\t\t\t\t\t\t\trenderTooltipContent={ renderTooltipContent }\n\t\t\t\t\t\t\tshow={ isCurrentlyFocused \|\| showTooltip }\n\t\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Wrapper>\n\t\t\t\t{ afterIcon && (\n\t\t\t\t\t<AfterIconWrapper>\n\t\t\t\t\t\t<Icon icon={ afterIcon } />\n\t\t\t\t\t</AfterIconWrapper>\n\t\t\t\t) }\n\t\t\t\t{ hasInputField && (\n\t\t\t\t\t<InputNumber\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tclassName=\"components-range-control__number\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tinputMode=\"decimal\"\n\t\t\t\t\t\tisShiftStepEnabled={ isShiftStepEnabled }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnInputNumberBlur }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tshiftStep={ shiftStep }\n\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t? '__unstable-large'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t\t\t__next40pxDefaultSize ? space( 20 ) : space( 16 )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if the `null` value is necessary\n\t\t\t\t\t\tvalue={ inputSliderValue }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowReset && (\n\t\t\t\t\t<ActionRightWrapper>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"components-range-control__reset\"\n\t\t\t\t\t\t\t// If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n\t\t\t\t\t\t\taccessibleWhenDisabled={ ! disabled }\n\t\t\t\t\t\t\t// The reset button should be disabled if RangeControl itself is disabled,\n\t\t\t\t\t\t\t// or if the current `value` is equal to the value that would be currently\n\t\t\t\t\t\t\t// assigned when clicking the button.\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\tdisabled \|\|\n\t\t\t\t\t\t\t\tvalue ===\n\t\t\t\t\t\t\t\t\tcomputeResetValue( {\n\t\t\t\t\t\t\t\t\t\tresetFallbackValue,\n\t\t\t\t\t\t\t\t\t\tinitialPosition,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\n/\n RangeControls are used to make selections from a range of incremental values.\n \n ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyRangeControl = () => {\n * const [ isChecked, setChecked ] = useState( true );\n * return (\n * <RangeControl\n * __nextHasNoMarginBottom\n * help=\"Please select how transparent you would like this.\"\n * initialPosition={50}\n * label=\"Opacity\"\n * max={100}\n * min={0}\n * onChange={() => {}}\n * />\n * );\n * };\n * ```\n */\nexport const RangeControl = forwardRef( UnforwardedRangeControl );\n\nexport default RangeControl;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_element","_compose","_baseControl","_button","_icon","_utils","_utils2","_math","_inputRange","_rail","_tooltip","_rangeControlStyles","_space","_deprecated36pxSize","_jsxRuntime","noop","computeResetValue","resetFallbackValue","initialPosition","undefined","Number","isNaN","UnforwardedRangeControl","props","forwardedRef","__nextHasNoMarginBottom","afterIcon","allowReset","beforeIcon","className","color","colorProp","COLORS","theme","accent","currentInput","disabled","help","hideLabelFromVision","isShiftStepEnabled","label","marks","max","min","onBlur","onChange","onFocus","onMouseLeave","onMouseMove","railColor","renderTooltipContent","v","__next40pxDefaultSize","shiftStep","showTooltip","showTooltipProp","step","trackColor","value","valueProp","withInputField","__shouldNotWarnDeprecated36pxSize","otherProps","setValue","useControlledRangeValue","initial","isResetPendent","useRef","hasTooltip","hasInputField","setShowTooltip","useState","isFocused","setIsFocused","inputRef","isCurrentlyFocused","current","matches","isThumbFocused","isValueReset","currentValue","inputSliderValue","rangeFillValue","fillValue","fillValueOffset","clamp","classes","clsx","wrapperClasses","id","useInstanceId","describedBy","enableTooltip","isFinite","handleOnRangeChange","event","nextValue","parseFloat","target","handleOnChange","next","floatClamp","handleOnInputNumberBlur","handleOnReset","resetValue","handleShowTooltip","handleHideTooltip","handleOnBlur","handleOnFocus","offsetStyle","isRTL","maybeWarnDeprecated36pxSize","componentName","size","jsx","default","__associatedWPComponentName","children","jsxs","Root","BeforeIconWrapper","icon","Wrapper","ref","useMergeRefs","Track","style","width","ThumbWrapper","Thumb","tooltipPosition","show","AfterIconWrapper","InputNumber","inputMode","__unstableInputWidth","space","ActionRightWrapper","accessibleWhenDisabled","variant","onClick","__","RangeControl","exports","forwardRef","_default"],"sources":["@wordpress/components/src/range-control/index.tsx"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\nimport type { ChangeEvent, FocusEvent, ForwardedRef } from 'react';\n\n/\n WordPress dependencies\n /\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useRef, useState, forwardRef } from '@wordpress/element';\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\n\n/\n Internal dependencies\n /\nimport BaseControl from '../base-control';\nimport Button from '../button';\nimport Icon from '../icon';\nimport { COLORS } from '../utils';\nimport { floatClamp, useControlledRangeValue } from './utils';\nimport { clamp } from '../utils/math';\nimport InputRange from './input-range';\nimport RangeRail from './rail';\nimport SimpleTooltip from './tooltip';\nimport {\n\tActionRightWrapper,\n\tAfterIconWrapper,\n\tBeforeIconWrapper,\n\tInputNumber,\n\tRoot,\n\tTrack,\n\tThumbWrapper,\n\tThumb,\n\tWrapper,\n} from './styles/range-control-styles';\n\nimport type { RangeControlProps } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport { space } from '../utils/space';\nimport { maybeWarnDeprecated36pxSize } from '../utils/deprecated-36px-size';\n\nconst noop = () => {};\n\n/\n Computes the value that `RangeControl` should reset to when pressing\n * the reset button.\n /\nfunction computeResetValue( {\n\tresetFallbackValue,\n\tinitialPosition,\n}: Pick< RangeControlProps, 'resetFallbackValue' \| 'initialPosition' > ) {\n\tif ( resetFallbackValue !== undefined ) {\n\t\treturn ! Number.isNaN( resetFallbackValue ) ? resetFallbackValue : null;\n\t}\n\n\tif ( initialPosition !== undefined ) {\n\t\treturn ! Number.isNaN( initialPosition ) ? initialPosition : null;\n\t}\n\n\treturn null;\n}\n\nfunction UnforwardedRangeControl(\n\tprops: WordPressComponentProps< RangeControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__nextHasNoMarginBottom = false,\n\t\tafterIcon,\n\t\tallowReset = false,\n\t\tbeforeIcon,\n\t\tclassName,\n\t\tcolor: colorProp = COLORS.theme.accent,\n\t\tcurrentInput,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tinitialPosition,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmarks = false,\n\t\tmax = 100,\n\t\tmin = 0,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonFocus = noop,\n\t\tonMouseLeave = noop,\n\t\tonMouseMove = noop,\n\t\trailColor,\n\t\trenderTooltipContent = ( v ) => v,\n\t\tresetFallbackValue,\n\t\t__next40pxDefaultSize = false,\n\t\tshiftStep = 10,\n\t\tshowTooltip: showTooltipProp,\n\t\tstep = 1,\n\t\ttrackColor,\n\t\tvalue: valueProp,\n\t\twithInputField = true,\n\t\t__shouldNotWarnDeprecated36pxSize,\n\t\t...otherProps\n\t} = props;\n\n\tconst [ value, setValue ] = useControlledRangeValue( {\n\t\tmin,\n\t\tmax,\n\t\tvalue: valueProp ?? null,\n\t\tinitial: initialPosition,\n\t} );\n\tconst isResetPendent = useRef( false );\n\n\tlet hasTooltip = showTooltipProp;\n\tlet hasInputField = withInputField;\n\n\tif ( step === 'any' ) {\n\t\t// The tooltip and number input field are hidden when the step is \"any\"\n\t\t// because the decimals get too lengthy to fit well.\n\t\thasTooltip = false;\n\t\thasInputField = false;\n\t}\n\n\tconst [ showTooltip, setShowTooltip ] = useState( hasTooltip );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst isCurrentlyFocused = inputRef.current?.matches( ':focus' );\n\tconst isThumbFocused = ! disabled && isFocused;\n\n\tconst isValueReset = value === null;\n\tconst currentValue = value !== undefined ? value : currentInput;\n\n\tconst inputSliderValue = isValueReset ? '' : currentValue;\n\tconst rangeFillValue = isValueReset ? ( max - min ) / 2 + min : value;\n\n\tconst fillValue = isValueReset\n\t\t? 50\n\t\t: ( ( value - min ) / ( max - min ) ) 100;\n\tconst fillValueOffset = `${ clamp( fillValue, 0, 100 ) }%`;\n\n\tconst classes = clsx( 'components-range-control', className );\n\n\tconst wrapperClasses = clsx(\n\t\t'components-range-control__wrapper',\n\t\t!! marks && 'is-marked'\n\t);\n\n\tconst id = useInstanceId(\n\t\tUnforwardedRangeControl,\n\t\t'inspector-range-control'\n\t);\n\tconst describedBy = !! help ? `${ id }__help` : undefined;\n\tconst enableTooltip = hasTooltip !== false && Number.isFinite( value );\n\n\tconst handleOnRangeChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = parseFloat( event.target.value );\n\t\tsetValue( nextValue );\n\t\tonChange( nextValue );\n\t};\n\n\tconst handleOnChange = ( next?: string ) => {\n\t\t// @ts-expect-error TODO: Investigate if it's problematic for setValue() to\n\t\t// potentially receive a NaN when next is undefined.\n\t\tlet nextValue = parseFloat( next );\n\t\tsetValue( nextValue );\n\n\t\t/\n\t\t Calls onChange only when nextValue is numeric\n\t\t * otherwise may queue a reset for the blur event.\n\t\t /\n\t\tif ( ! isNaN( nextValue ) ) {\n\t\t\tif ( nextValue < min \|\| nextValue > max ) {\n\t\t\t\tnextValue = floatClamp( nextValue, min, max ) as number;\n\t\t\t}\n\n\t\t\tonChange( nextValue );\n\t\t\tisResetPendent.current = false;\n\t\t} else if ( allowReset ) {\n\t\t\tisResetPendent.current = true;\n\t\t}\n\t};\n\n\tconst handleOnInputNumberBlur = () => {\n\t\tif ( isResetPendent.current ) {\n\t\t\thandleOnReset();\n\t\t\tisResetPendent.current = false;\n\t\t}\n\t};\n\n\tconst handleOnReset = () => {\n\t\t// Reset to `resetFallbackValue` if defined, otherwise set internal value\n\t\t// to `null` — which, if propagated to the `value` prop, will cause\n\t\t// the value to be reset to the `initialPosition` prop if defined.\n\t\tconst resetValue = Number.isNaN( resetFallbackValue )\n\t\t\t? null\n\t\t\t: resetFallbackValue ?? null;\n\n\t\tsetValue( resetValue );\n\n\t\t/\n\t\t Previously, this callback would always receive undefined as\n\t\t * an argument. This behavior is unexpected, specifically\n\t\t * when resetFallbackValue is defined.\n\t\t \n\t\t The value of undefined is not ideal. Passing it through\n\t\t * to internal <input /> elements would change it from a\n\t\t * controlled component to an uncontrolled component.\n\t\t \n\t\t For now, to minimize unexpected regressions, we're going to\n\t\t * preserve the undefined callback argument, except when a\n\t\t * resetFallbackValue is defined.\n\t\t /\n\t\tonChange( resetValue ?? undefined );\n\t};\n\n\tconst handleShowTooltip = () => setShowTooltip( true );\n\tconst handleHideTooltip = () => setShowTooltip( false );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused( false );\n\t\thandleHideTooltip();\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused( true );\n\t\thandleShowTooltip();\n\t};\n\n\tconst offsetStyle = {\n\t\t[ isRTL() ? 'right' : 'left' ]: fillValueOffset,\n\t};\n\n\t// Add default size deprecation warning.\n\tmaybeWarnDeprecated36pxSize( {\n\t\tcomponentName: 'RangeControl',\n\t\t__next40pxDefaultSize,\n\t\tsize: undefined,\n\t\t__shouldNotWarnDeprecated36pxSize,\n\t} );\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t__associatedWPComponentName=\"RangeControl\"\n\t\t\tclassName={ classes }\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\tid={ `${ id }` }\n\t\t\thelp={ help }\n\t\t>\n\t\t\t<Root\n\t\t\t\tclassName=\"components-range-control__root\"\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t>\n\t\t\t\t{ beforeIcon && (\n\t\t\t\t\t<BeforeIconWrapper>\n\t\t\t\t\t\t<Icon icon={ beforeIcon } />\n\t\t\t\t\t</BeforeIconWrapper>\n\t\t\t\t) }\n\t\t\t\t<Wrapper\n\t\t\t\t\t__nextHasNoMarginBottom={ __nextHasNoMarginBottom }\n\t\t\t\t\tclassName={ wrapperClasses }\n\t\t\t\t\tcolor={ colorProp }\n\t\t\t\t\tmarks={ !! marks }\n\t\t\t\t>\n\t\t\t\t\t<InputRange\n\t\t\t\t\t\t{ ...otherProps }\n\t\t\t\t\t\tclassName=\"components-range-control__slider\"\n\t\t\t\t\t\tdescribedBy={ describedBy }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tid={ `${ id }` }\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnBlur }\n\t\t\t\t\t\tonChange={ handleOnRangeChange }\n\t\t\t\t\t\tonFocus={ handleOnFocus }\n\t\t\t\t\t\tonMouseMove={ onMouseMove }\n\t\t\t\t\t\tonMouseLeave={ onMouseLeave }\n\t\t\t\t\t\tref={ useMergeRefs( [ inputRef, forwardedRef ] ) }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ inputSliderValue ?? undefined }\n\t\t\t\t\t/>\n\t\t\t\t\t<RangeRail\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tmarks={ marks }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\trailColor={ railColor }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\tvalue={ rangeFillValue }\n\t\t\t\t\t/>\n\t\t\t\t\t<Track\n\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\tclassName=\"components-range-control__track\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tstyle={ { width: fillValueOffset } }\n\t\t\t\t\t\ttrackColor={ trackColor }\n\t\t\t\t\t/>\n\t\t\t\t\t<ThumbWrapper\n\t\t\t\t\t\tclassName=\"components-range-control__thumb-wrapper\"\n\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Thumb\n\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\tisFocused={ isThumbFocused }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ThumbWrapper>\n\t\t\t\t\t{ enableTooltip && (\n\t\t\t\t\t\t<SimpleTooltip\n\t\t\t\t\t\t\tclassName=\"components-range-control__tooltip\"\n\t\t\t\t\t\t\tinputRef={ inputRef }\n\t\t\t\t\t\t\ttooltipPosition=\"bottom\"\n\t\t\t\t\t\t\trenderTooltipContent={ renderTooltipContent }\n\t\t\t\t\t\t\tshow={ isCurrentlyFocused \|\| showTooltip }\n\t\t\t\t\t\t\tstyle={ offsetStyle }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Wrapper>\n\t\t\t\t{ afterIcon && (\n\t\t\t\t\t<AfterIconWrapper>\n\t\t\t\t\t\t<Icon icon={ afterIcon } />\n\t\t\t\t\t</AfterIconWrapper>\n\t\t\t\t) }\n\t\t\t\t{ hasInputField && (\n\t\t\t\t\t<InputNumber\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tclassName=\"components-range-control__number\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\tinputMode=\"decimal\"\n\t\t\t\t\t\tisShiftStepEnabled={ isShiftStepEnabled }\n\t\t\t\t\t\tmax={ max }\n\t\t\t\t\t\tmin={ min }\n\t\t\t\t\t\tonBlur={ handleOnInputNumberBlur }\n\t\t\t\t\t\tonChange={ handleOnChange }\n\t\t\t\t\t\tshiftStep={ shiftStep }\n\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t? '__unstable-large'\n\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableInputWidth={\n\t\t\t\t\t\t\t__next40pxDefaultSize ? space( 20 ) : space( 16 )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if the `null` value is necessary\n\t\t\t\t\t\tvalue={ inputSliderValue }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ allowReset && (\n\t\t\t\t\t<ActionRightWrapper>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"components-range-control__reset\"\n\t\t\t\t\t\t\t// If the RangeControl itself is disabled, the reset button shouldn't be in the tab sequence.\n\t\t\t\t\t\t\taccessibleWhenDisabled={ ! disabled }\n\t\t\t\t\t\t\t// The reset button should be disabled if RangeControl itself is disabled,\n\t\t\t\t\t\t\t// or if the current `value` is equal to the value that would be currently\n\t\t\t\t\t\t\t// assigned when clicking the button.\n\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\tdisabled \|\|\n\t\t\t\t\t\t\t\tvalue ===\n\t\t\t\t\t\t\t\t\tcomputeResetValue( {\n\t\t\t\t\t\t\t\t\t\tresetFallbackValue,\n\t\t\t\t\t\t\t\t\t\tinitialPosition,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={ handleOnReset }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</ActionRightWrapper>\n\t\t\t\t) }\n\t\t\t</Root>\n\t\t</BaseControl>\n\t);\n}\n\n/\n RangeControls are used to make selections from a range of incremental values.\n \n ```jsx\n * import { RangeControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n \n const MyRangeControl = () => {\n * const [ isChecked, setChecked ] = useState( true );\n * return (\n * <RangeControl\n * __nextHasNoMarginBottom\n * __next40pxDefaultSize\n * help=\"Please select how transparent you would like this.\"\n * initialPosition={50}\n * label=\"Opacity\"\n * max={100}\n * min={0}\n * onChange={() => {}}\n * />\n * );\n * };\n * ```\n */\nexport const RangeControl = forwardRef( UnforwardedRangeControl );\n\nexport default RangeControl;\n"],"mappings":"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","ignoreList":[]}

package/build/range-control/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["@wordpress/components/src/range-control/types.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport type {\n\tCSSProperties,\n\tFocusEventHandler,\n\tMouseEventHandler,\n\tMutableRefObject,\n} from 'react';\n\n/\n Internal dependencies\n /\nimport type { BaseControlProps } from '../base-control/types';\nimport type { IconType } from '../icon';\n\nexport type NumericProps = {\n\t/\n\t The minimum `value` allowed.\n\t \n\t @default 0\n\t /\n\tmin?: number;\n\t/\n\t The maximum `value` allowed.\n\t \n\t @default 100\n\t /\n\tmax?: number;\n\t/\n\t The current value of the range slider.\n\t /\n\tvalue?: number;\n};\n\nexport type RangeMark = { value: number; label?: string };\n// An expanded definition of this type is used in MarkProps to improve Storybook\n// generated docs.\nexport type RangeMarks = boolean \| RangeMark[];\n\nexport type MarksProps = NumericProps & {\n\t/\n\t Disables the `input`, preventing new values from being applied.\n\t \n\t @default false\n\t /\n\tdisabled?: boolean;\n\t/\n\t Renders a visual representation of `step` ticks. Custom mark indicators\n\t * can be provided by an `Array`.\n\t \n\t @default false\n\t /\n\tmarks?: boolean \| { value: number; label?: string }[];\n\t/\n\t The minimum amount by which `value` changes. It is also a factor in\n\t * validation as `value` must be a multiple of `step` (offset by `min`) to\n\t * be valid. Accepts the special string value `any` that voids the\n\t * validation constraint and overrides both `withInputField` and\n\t * `showTooltip` props to `false`.\n\t \n\t @default 1\n\t /\n\tstep?: number \| 'any';\n};\n\nexport type RangeMarkProps = {\n\tisFilled?: boolean;\n\tlabel?: string;\n\tdisabled?: boolean;\n\tkey?: string;\n\tstyle?: CSSProperties;\n};\n\nexport type ControlledRangeValue = number \| '' \| null;\n\nexport type RangeControlProps = Pick<\n\tBaseControlProps,\n\t'hideLabelFromVision' \| 'help' \| '__nextHasNoMarginBottom'\n> &\n\tMarksProps & {\n\t\t/\n\t\t If this property is added, an Icon component will be rendered\n\t\t * after the slider with the icon equal to afterIcon.\n\t\t \n\t\t For more information on `IconType` see the Icon component:\n\t\t * /packages/components/src/icon/index.tsx\n\t\t /\n\t\tafterIcon?: IconType;\n\t\t/\n\t\t If this property is true, a button to reset the slider is\n\t\t * rendered.\n\t\t \n\t\t @default false\n\t\t /\n\t\tallowReset?: boolean;\n\t\t/\n\t\t If this property is added, an Icon component will be rendered\n\t\t * before the slider with the icon equal to beforeIcon.\n\t\t \n\t\t For more information on `IconType` see the Icon component:\n\t\t * /packages/components/src/icon/index.tsx\n\t\t /\n\t\tbeforeIcon?: IconType;\n\t\t/\n\t\t CSS color string for the `RangeControl` wrapper.\n\t\t \n\t\t @default COLORS.theme.accent\n\t\t * @see /packages/components/src/utils/colors-values.js\n\t\t /\n\t\tcolor?: CSSProperties[ 'color' ];\n\t\t/\n\t\t The current input to use as a fallback if `value` is currently\n\t\t * `undefined`.\n\t\t /\n\t\tcurrentInput?: number;\n\t\t/\n\t\t An icon to be shown above the slider next to its container title.\n\t\t /\n\t\ticon?: string;\n\t\t/\n\t\t The slider starting position, used when no `value` is passed.\n\t\t * The `initialPosition` will be clamped between the provided `min`\n\t\t * and `max` prop values.\n\t\t /\n\t\tinitialPosition?: number;\n\t\t/\n\t\t Passed as a prop to the `NumberControl` component and is only\n\t\t * applicable if `withInputField` is true. If true, while the number\n\t\t * input has focus, pressing `UP` or `DOWN` along with the `SHIFT` key\n\t\t * will change the value by the `shiftStep` value.\n\t\t \n\t\t @default true\n\t\t /\n\t\tisShiftStepEnabled?: boolean;\n\t\t/\n\t\t If this property is added, a label will be generated using label\n\t\t * property as the content.\n\t\t /\n\t\tlabel?: string;\n\t\t/\n\t\t Callback for when `RangeControl` input loses focus.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonBlur?: FocusEventHandler< HTMLInputElement >;\n\t\t/\n\t\t A function that receives the new value. The value will be less than\n\t\t * `max` and more than `min` unless a reset (enabled by `allowReset`)\n\t\t * has occurred. In which case the value will be either that of\n\t\t * `resetFallbackValue` if it has been specified or otherwise\n\t\t * `undefined`.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonChange?: ( value?: number ) => void;\n\t\t/\n\t\t Callback for when `RangeControl` input gains focus.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonFocus?: FocusEventHandler< HTMLInputElement >;\n\t\t/\n\t\t Callback for when mouse exits the `RangeControl`.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonMouseLeave?: MouseEventHandler< HTMLInputElement >;\n\t\t/\n\t\t Callback for when mouse moves within the `RangeControl`.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonMouseMove?: MouseEventHandler< HTMLInputElement >;\n\t\t/\n\t\t CSS color string to customize the rail element's background.\n\t\t /\n\t\trailColor?: CSSProperties[ 'color' ];\n\t\t/\n\t\t A way to customize the rendered UI of the value.\n\t\t \n\t\t @default ( value ) => value\n\t\t /\n\t\trenderTooltipContent?: (\n\t\t\tvalue?: ControlledRangeValue\n\t\t) => string \| number \| null \| undefined;\n\t\t/\n\t\t The value to revert to if the Reset button is clicked (enabled by\n\t\t * `allowReset`)\n\t\t /\n\t\tresetFallbackValue?: number;\n\t\t/\n\t\t Define if separator line under/above control row should be disabled\n\t\t * or full width. By default it is placed below excluding underline the\n\t\t * control icon.\n\t\t /\n\t\tseparatorType?: 'none' \| 'fullWidth' \| 'topFullWidth';\n\t\t/\n\t\t Passed as a prop to the `NumberControl` component and is only\n\t\t * applicable if `withInputField` and `isShiftStepEnabled` are both true\n\t\t * and while the number input has focus. Acts as a multiplier of `step`.\n\t\t \n\t\t @default 10\n\t\t /\n\t\tshiftStep?: number;\n\t\t/\n\t\t Start opting into the larger default height that will become the default size in a future version.\n\t\t \n\t\t @default false\n\t\t /\n\t\t__next40pxDefaultSize?: boolean;\n\t\t/\n\t\t Forcing the Tooltip UI to show or hide. This is overridden to `false`\n\t\t * when `step` is set to the special string value `any`.\n\t\t /\n\t\tshowTooltip?: boolean;\n\t\t/\n\t\t CSS color string to customize the track element's background.\n\t\t /\n\t\ttrackColor?: CSSProperties[ 'color' ];\n\t\t/\n\t\t Define if the value selection should present a stepper control or a\n\t\t * slider control in the bottom sheet on mobile. To use the stepper set\n\t\t * the type value as `stepper`. Defaults to slider if no option is\n\t\t * provided.\n\t\t /\n\t\ttype?: 'stepper';\n\t\t/\n\t\t Determines if the `input` number field will render next to the\n\t\t * RangeControl. This is overridden to `false` when `step` is set to the\n\t\t * special string value `any`.\n\t\t \n\t\t @default true\n\t\t /\n\t\twithInputField?: boolean;\n\t};\n\nexport type RailProps = MarksProps & {\n\trailColor?: CSSProperties[ 'color' ];\n};\n\nexport type InputRangeProps = {\n\tdescribedBy?: string;\n\tlabel?: string;\n\tonMouseLeave?: MouseEventHandler< HTMLInputElement >;\n\tonMouseMove?: MouseEventHandler< HTMLInputElement >;\n\tvalue?: number \| '';\n};\n\nexport type WrapperProps = Pick<\n\tBaseControlProps,\n\t'__nextHasNoMarginBottom'\n> & {\n\tcolor?: CSSProperties[ 'color' ];\n\tmarks?: RangeMarks;\n};\n\nexport type ThumbProps = {\n\tisFocused?: boolean;\n\tdisabled?: boolean;\n};\n\nexport type TooltipProps = {\n\tshow?: boolean;\n\tposition?: string;\n\tinputRef?: MutableRefObject< HTMLElement \| undefined >;\n\ttooltipPosition?: string;\n\tvalue?: ControlledRangeValue;\n\trenderTooltipContent?: (\n\t\tvalue?: ControlledRangeValue\n\t) => string \| number \| null \| undefined;\n\tzIndex?: number;\n};\n\nexport type TrackProps = {\n\tdisabled: boolean;\n\ttrackColor: CSSProperties[ 'color' ];\n};\n\nexport type UseControlledRangeValueArgs = {\n\t/\n\t The initial value.\n\t /\n\tinitial?: number;\n\t/\n\t The maximum value.\n\t /\n\tmax: number;\n\t/\n\t The minimum value.\n\t /\n\tmin: number;\n\t/\n\t The current value.\n\t */\n\tvalue: number \| null;\n};\n\nexport type UseMarksArgs = NumericProps & {\n\tmarks: RangeMarks;\n\tstep: number;\n};\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["@wordpress/components/src/range-control/types.ts"],"sourcesContent":["/*\n External dependencies\n /\nimport type {\n\tCSSProperties,\n\tFocusEventHandler,\n\tMouseEventHandler,\n\tMutableRefObject,\n} from 'react';\n\n/\n Internal dependencies\n /\nimport type { BaseControlProps } from '../base-control/types';\nimport type { IconType } from '../icon';\n\nexport type NumericProps = {\n\t/\n\t The minimum `value` allowed.\n\t \n\t @default 0\n\t /\n\tmin?: number;\n\t/\n\t The maximum `value` allowed.\n\t \n\t @default 100\n\t /\n\tmax?: number;\n\t/\n\t The current value of the range slider.\n\t /\n\tvalue?: number;\n};\n\nexport type RangeMark = { value: number; label?: string };\n// An expanded definition of this type is used in MarkProps to improve Storybook\n// generated docs.\nexport type RangeMarks = boolean \| RangeMark[];\n\nexport type MarksProps = NumericProps & {\n\t/\n\t Disables the `input`, preventing new values from being applied.\n\t \n\t @default false\n\t /\n\tdisabled?: boolean;\n\t/\n\t Renders a visual representation of `step` ticks. Custom mark indicators\n\t * can be provided by an `Array`.\n\t \n\t @default false\n\t /\n\tmarks?: boolean \| { value: number; label?: string }[];\n\t/\n\t The minimum amount by which `value` changes. It is also a factor in\n\t * validation as `value` must be a multiple of `step` (offset by `min`) to\n\t * be valid. Accepts the special string value `any` that voids the\n\t * validation constraint and overrides both `withInputField` and\n\t * `showTooltip` props to `false`.\n\t \n\t @default 1\n\t /\n\tstep?: number \| 'any';\n};\n\nexport type RangeMarkProps = {\n\tisFilled?: boolean;\n\tlabel?: string;\n\tdisabled?: boolean;\n\tkey?: string;\n\tstyle?: CSSProperties;\n};\n\nexport type ControlledRangeValue = number \| '' \| null;\n\nexport type RangeControlProps = Pick<\n\tBaseControlProps,\n\t'hideLabelFromVision' \| 'help' \| '__nextHasNoMarginBottom'\n> &\n\tMarksProps & {\n\t\t/\n\t\t If this property is added, an Icon component will be rendered\n\t\t * after the slider with the icon equal to afterIcon.\n\t\t \n\t\t For more information on `IconType` see the Icon component:\n\t\t * /packages/components/src/icon/index.tsx\n\t\t /\n\t\tafterIcon?: IconType;\n\t\t/\n\t\t If this property is true, a button to reset the slider is\n\t\t * rendered.\n\t\t \n\t\t @default false\n\t\t /\n\t\tallowReset?: boolean;\n\t\t/\n\t\t If this property is added, an Icon component will be rendered\n\t\t * before the slider with the icon equal to beforeIcon.\n\t\t \n\t\t For more information on `IconType` see the Icon component:\n\t\t * /packages/components/src/icon/index.tsx\n\t\t /\n\t\tbeforeIcon?: IconType;\n\t\t/\n\t\t CSS color string for the `RangeControl` wrapper.\n\t\t \n\t\t @default COLORS.theme.accent\n\t\t * @see /packages/components/src/utils/colors-values.js\n\t\t /\n\t\tcolor?: CSSProperties[ 'color' ];\n\t\t/\n\t\t The current input to use as a fallback if `value` is currently\n\t\t * `undefined`.\n\t\t /\n\t\tcurrentInput?: number;\n\t\t/\n\t\t An icon to be shown above the slider next to its container title.\n\t\t /\n\t\ticon?: string;\n\t\t/\n\t\t The slider starting position, used when no `value` is passed.\n\t\t * The `initialPosition` will be clamped between the provided `min`\n\t\t * and `max` prop values.\n\t\t /\n\t\tinitialPosition?: number;\n\t\t/\n\t\t Passed as a prop to the `NumberControl` component and is only\n\t\t * applicable if `withInputField` is true. If true, while the number\n\t\t * input has focus, pressing `UP` or `DOWN` along with the `SHIFT` key\n\t\t * will change the value by the `shiftStep` value.\n\t\t \n\t\t @default true\n\t\t /\n\t\tisShiftStepEnabled?: boolean;\n\t\t/\n\t\t If this property is added, a label will be generated using label\n\t\t * property as the content.\n\t\t /\n\t\tlabel?: string;\n\t\t/\n\t\t Callback for when `RangeControl` input loses focus.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonBlur?: FocusEventHandler< HTMLInputElement >;\n\t\t/\n\t\t A function that receives the new value. The value will be less than\n\t\t * `max` and more than `min` unless a reset (enabled by `allowReset`)\n\t\t * has occurred. In which case the value will be either that of\n\t\t * `resetFallbackValue` if it has been specified or otherwise\n\t\t * `undefined`.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonChange?: ( value?: number ) => void;\n\t\t/\n\t\t Callback for when `RangeControl` input gains focus.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonFocus?: FocusEventHandler< HTMLInputElement >;\n\t\t/\n\t\t Callback for when mouse exits the `RangeControl`.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonMouseLeave?: MouseEventHandler< HTMLInputElement >;\n\t\t/\n\t\t Callback for when mouse moves within the `RangeControl`.\n\t\t \n\t\t @default () => void\n\t\t /\n\t\tonMouseMove?: MouseEventHandler< HTMLInputElement >;\n\t\t/\n\t\t CSS color string to customize the rail element's background.\n\t\t /\n\t\trailColor?: CSSProperties[ 'color' ];\n\t\t/\n\t\t A way to customize the rendered UI of the value.\n\t\t \n\t\t @default ( value ) => value\n\t\t /\n\t\trenderTooltipContent?: (\n\t\t\tvalue?: ControlledRangeValue\n\t\t) => string \| number \| null \| undefined;\n\t\t/\n\t\t The value to revert to if the Reset button is clicked (enabled by\n\t\t * `allowReset`)\n\t\t /\n\t\tresetFallbackValue?: number;\n\t\t/\n\t\t Define if separator line under/above control row should be disabled\n\t\t * or full width. By default it is placed below excluding underline the\n\t\t * control icon.\n\t\t /\n\t\tseparatorType?: 'none' \| 'fullWidth' \| 'topFullWidth';\n\t\t/\n\t\t Passed as a prop to the `NumberControl` component and is only\n\t\t * applicable if `withInputField` and `isShiftStepEnabled` are both true\n\t\t * and while the number input has focus. Acts as a multiplier of `step`.\n\t\t \n\t\t @default 10\n\t\t /\n\t\tshiftStep?: number;\n\t\t/\n\t\t Start opting into the larger default height that will become the default size in a future version.\n\t\t \n\t\t @default false\n\t\t /\n\t\t__next40pxDefaultSize?: boolean;\n\t\t/\n\t\t Forcing the Tooltip UI to show or hide. This is overridden to `false`\n\t\t * when `step` is set to the special string value `any`.\n\t\t /\n\t\tshowTooltip?: boolean;\n\t\t/\n\t\t CSS color string to customize the track element's background.\n\t\t /\n\t\ttrackColor?: CSSProperties[ 'color' ];\n\t\t/\n\t\t Define if the value selection should present a stepper control or a\n\t\t * slider control in the bottom sheet on mobile. To use the stepper set\n\t\t * the type value as `stepper`. Defaults to slider if no option is\n\t\t * provided.\n\t\t /\n\t\ttype?: 'stepper';\n\t\t/\n\t\t Determines if the `input` number field will render next to the\n\t\t * RangeControl. This is overridden to `false` when `step` is set to the\n\t\t * special string value `any`.\n\t\t \n\t\t @default true\n\t\t /\n\t\twithInputField?: boolean;\n\t\t/\n\t\t Do not throw a warning for the deprecated 36px default size.\n\t\t * For internal components of other components that already throw the warning.\n\t\t \n\t\t @ignore\n\t\t /\n\t\t__shouldNotWarnDeprecated36pxSize?: boolean;\n\t};\n\nexport type RailProps = MarksProps & {\n\trailColor?: CSSProperties[ 'color' ];\n};\n\nexport type InputRangeProps = {\n\tdescribedBy?: string;\n\tlabel?: string;\n\tonMouseLeave?: MouseEventHandler< HTMLInputElement >;\n\tonMouseMove?: MouseEventHandler< HTMLInputElement >;\n\tvalue?: number \| '';\n};\n\nexport type WrapperProps = Pick<\n\tBaseControlProps,\n\t'__nextHasNoMarginBottom'\n> & {\n\tcolor?: CSSProperties[ 'color' ];\n\tmarks?: RangeMarks;\n};\n\nexport type ThumbProps = {\n\tisFocused?: boolean;\n\tdisabled?: boolean;\n};\n\nexport type TooltipProps = {\n\tshow?: boolean;\n\tposition?: string;\n\tinputRef?: MutableRefObject< HTMLElement \| undefined >;\n\ttooltipPosition?: string;\n\tvalue?: ControlledRangeValue;\n\trenderTooltipContent?: (\n\t\tvalue?: ControlledRangeValue\n\t) => string \| number \| null \| undefined;\n\tzIndex?: number;\n};\n\nexport type TrackProps = {\n\tdisabled: boolean;\n\ttrackColor: CSSProperties[ 'color' ];\n};\n\nexport type UseControlledRangeValueArgs = {\n\t/\n\t The initial value.\n\t /\n\tinitial?: number;\n\t/\n\t The maximum value.\n\t /\n\tmax: number;\n\t/\n\t The minimum value.\n\t /\n\tmin: number;\n\t/\n\t The current value.\n\t */\n\tvalue: number \| null;\n};\n\nexport type UseMarksArgs = NumericProps & {\n\tmarks: RangeMarks;\n\tstep: number;\n};\n"],"mappings":"","ignoreList":[]}

package/build/slot-fill/bubbles-virtually/fill.js CHANGED Viewed

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Fill;
+var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
-var _useSlot = _interopRequireDefault(require("./use-slot"));
+var _slotFillContext = _interopRequireDefault(require("./slot-fill-context"));
 var _styleProvider = _interopRequireDefault(require("../../style-provider"));
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -17,33 +18,14 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
-function useForceUpdate() {
-  const [, setState] = (0, _element.useState)({});
-  const mountedRef = (0, _element.useRef)(true);
-  (0, _element.useEffect)(() => {
-    mountedRef.current = true;
-    return () => {
-      mountedRef.current = false;
-    };
-  }, []);
-  return () => {
-    if (mountedRef.current) {
-      setState({});
-    }
-  };
-}
-function Fill(props) {
+function Fill({
+  name,
+  children
+}) {
   var _slot$fillProps;
-  const {
-    name,
-    children
-  } = props;
-  const {
-    registerFill,
-    unregisterFill,
-    ...slot
-  } = (0, _useSlot.default)(name);
-  const rerender = useForceUpdate();
+  const registry = (0, _element.useContext)(_slotFillContext.default);
+  const slot = (0, _compose.useObservableValue)(registry.slots, name);
+  const [, rerender] = (0, _element.useReducer)(() => [], []);
   const ref = (0, _element.useRef)({
     rerender
   });
@@ -51,12 +33,13 @@ function Fill(props) {
     // We register fills so we can keep track of their existence.
     // Some Slot implementations need to know if there're already fills
     // registered so they can choose to render themselves or not.
-    registerFill(ref);
+    const refValue = ref.current;
+    registry.registerFill(name, refValue);
     return () => {
-      unregisterFill(ref);
+      registry.unregisterFill(name, refValue);
     };
-  }, [registerFill, unregisterFill]);
-  if (!slot.ref || !slot.ref.current) {
+  }, [registry, name]);
+  if (!slot || !slot.ref.current) {
     return null;
   }