Edit File by line

}

[60500] Fix | Delete

function renderToken(token, index, tokens) {

[60501] Fix | Delete

const _value = getTokenValue(token);

[60502] Fix | Delete

const status = typeof token !== 'string' ? token.status : undefined;

[60503] Fix | Delete

const termPosition = index + 1;

[60504] Fix | Delete

const termsCount = tokens.length;

[60505] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(flex_item_component, {

[60506] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Token, {

[60507] Fix | Delete

value: _value,

[60508] Fix | Delete

status: status,

[60509] Fix | Delete

title: typeof token !== 'string' ? token.title : undefined,

[60510] Fix | Delete

displayTransform: displayTransform,

[60511] Fix | Delete

onClickRemove: onTokenClickRemove,

[60512] Fix | Delete

isBorderless: typeof token !== 'string' && token.isBorderless || isBorderless,

[60513] Fix | Delete

onMouseEnter: typeof token !== 'string' ? token.onMouseEnter : undefined,

[60514] Fix | Delete

onMouseLeave: typeof token !== 'string' ? token.onMouseLeave : undefined,

[60515] Fix | Delete

disabled: 'error' !== status && disabled,

[60516] Fix | Delete

messages: messages,

[60517] Fix | Delete

termsCount: termsCount,

[60518] Fix | Delete

termPosition: termPosition

[60519] Fix | Delete

})

[60520] Fix | Delete

}, 'token-' + _value);

[60521] Fix | Delete

}

[60522] Fix | Delete

function renderInput() {

[60523] Fix | Delete

const inputProps = {

[60524] Fix | Delete

instanceId,

[60525] Fix | Delete

autoCapitalize,

[60526] Fix | Delete

autoComplete,

[60527] Fix | Delete

placeholder: value.length === 0 ? placeholder : '',

[60528] Fix | Delete

disabled,

[60529] Fix | Delete

value: incompleteTokenValue,

[60530] Fix | Delete

onBlur,

[60531] Fix | Delete

isExpanded,

[60532] Fix | Delete

selectedSuggestionIndex

[60533] Fix | Delete

};

[60534] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(token_input, {

[60535] Fix | Delete

...inputProps,

[60536] Fix | Delete

onChange: !(maxLength && value.length >= maxLength) ? onInputChangeHandler : undefined,

[60537] Fix | Delete

ref: input

[60538] Fix | Delete

}, "input");

[60539] Fix | Delete

}

[60540] Fix | Delete

const classes = dist_clsx(className, 'components-form-token-field__input-container', {

[60541] Fix | Delete

'is-active': isActive,

[60542] Fix | Delete

'is-disabled': disabled

[60543] Fix | Delete

});

[60544] Fix | Delete

let tokenFieldProps = {

[60545] Fix | Delete

className: 'components-form-token-field',

[60546] Fix | Delete

tabIndex: -1

[60547] Fix | Delete

};

[60548] Fix | Delete

const matchingSuggestions = getMatchingSuggestions();

[60549] Fix | Delete

if (!disabled) {

[60550] Fix | Delete

tokenFieldProps = Object.assign({}, tokenFieldProps, {

[60551] Fix | Delete

onKeyDown: withIgnoreIMEEvents(onKeyDown),

[60552] Fix | Delete

onKeyPress,

[60553] Fix | Delete

onFocus: onFocusHandler

[60554] Fix | Delete

});

[60555] Fix | Delete

}

[60556] Fix | Delete

[60557] Fix | Delete

// Disable reason: There is no appropriate role which describes the

[60558] Fix | Delete

// input container intended accessible usability.

[60559] Fix | Delete

// TODO: Refactor click detection to use blur to stop propagation.

[60560] Fix | Delete

/* eslint-disable jsx-a11y/no-static-element-interactions */

[60561] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[60562] Fix | Delete

...tokenFieldProps,

[60563] Fix | Delete

children: [label && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(StyledLabel, {

[60564] Fix | Delete

htmlFor: `components-form-token-input-${instanceId}`,

[60565] Fix | Delete

className: "components-form-token-field__label",

[60566] Fix | Delete

children: label

[60567] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[60568] Fix | Delete

ref: tokensAndInput,

[60569] Fix | Delete

className: classes,

[60570] Fix | Delete

tabIndex: -1,

[60571] Fix | Delete

onMouseDown: onContainerTouched,

[60572] Fix | Delete

onTouchStart: onContainerTouched,

[60573] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TokensAndInputWrapperFlex, {

[60574] Fix | Delete

justify: "flex-start",

[60575] Fix | Delete

align: "center",

[60576] Fix | Delete

gap: 1,

[60577] Fix | Delete

wrap: true,

[60578] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[60579] Fix | Delete

hasTokens: !!value.length,

[60580] Fix | Delete

children: renderTokensAndInput()

[60581] Fix | Delete

}), isExpanded && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(suggestions_list, {

[60582] Fix | Delete

instanceId: instanceId,

[60583] Fix | Delete

match: saveTransform(incompleteTokenValue),

[60584] Fix | Delete

displayTransform: displayTransform,

[60585] Fix | Delete

suggestions: matchingSuggestions,

[60586] Fix | Delete

selectedIndex: selectedSuggestionIndex,

[60587] Fix | Delete

scrollIntoView: selectedSuggestionScroll,

[60588] Fix | Delete

onHover: onSuggestionHovered,

[60589] Fix | Delete

onSelect: onSuggestionSelected,

[60590] Fix | Delete

__experimentalRenderItem: __experimentalRenderItem

[60591] Fix | Delete

})]

[60592] Fix | Delete

}), !__nextHasNoMarginBottom && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(spacer_component, {

[60593] Fix | Delete

marginBottom: 2

[60594] Fix | Delete

}), __experimentalShowHowTo && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(StyledHelp, {

[60595] Fix | Delete

id: `components-form-token-suggestions-howto-${instanceId}`,

[60596] Fix | Delete

className: "components-form-token-field__help",

[60597] Fix | Delete

__nextHasNoMarginBottom: __nextHasNoMarginBottom,

[60598] Fix | Delete

children: tokenizeOnSpace ? (0,external_wp_i18n_namespaceObject.__)('Separate with commas, spaces, or the Enter key.') : (0,external_wp_i18n_namespaceObject.__)('Separate with commas or the Enter key.')

[60599] Fix | Delete

})]

[60600] Fix | Delete

});

[60601] Fix | Delete

/* eslint-enable jsx-a11y/no-static-element-interactions */

[60602] Fix | Delete

}

[60603] Fix | Delete

/* harmony default export */ const form_token_field = (FormTokenField);

[60604] Fix | Delete

[60605] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/guide/icons.js

[60606] Fix | Delete

/**

[60607] Fix | Delete

* WordPress dependencies

[60608] Fix | Delete

[60609] Fix | Delete

[60610] Fix | Delete

[60611] Fix | Delete

const PageControlIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[60612] Fix | Delete

width: "8",

[60613] Fix | Delete

height: "8",

[60614] Fix | Delete

fill: "none",

[60615] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[60616] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Circle, {

[60617] Fix | Delete

cx: "4",

[60618] Fix | Delete

cy: "4",

[60619] Fix | Delete

r: "4"

[60620] Fix | Delete

})

[60621] Fix | Delete

});

[60622] Fix | Delete

[60623] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/guide/page-control.js

[60624] Fix | Delete

/**

[60625] Fix | Delete

* WordPress dependencies

[60626] Fix | Delete

[60627] Fix | Delete

[60628] Fix | Delete

[60629] Fix | Delete

/**

[60630] Fix | Delete

* Internal dependencies

[60631] Fix | Delete

[60632] Fix | Delete

[60633] Fix | Delete

[60634] Fix | Delete

[60635] Fix | Delete

function PageControl({

[60636] Fix | Delete

currentPage,

[60637] Fix | Delete

numberOfPages,

[60638] Fix | Delete

setCurrentPage

[60639] Fix | Delete

}) {

[60640] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {

[60641] Fix | Delete

className: "components-guide__page-control",

[60642] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.__)('Guide controls'),

[60643] Fix | Delete

children: Array.from({

[60644] Fix | Delete

length: numberOfPages

[60645] Fix | Delete

}).map((_, page) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {

[60646] Fix | Delete

// Set aria-current="step" on the active page, see https://www.w3.org/TR/wai-aria-1.1/#aria-current

[60647] Fix | Delete

"aria-current": page === currentPage ? 'step' : undefined,

[60648] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[60649] Fix | Delete

icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PageControlIcon, {}),

[60650] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: current page number 2: total number of pages */

[60651] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Page %1$d of %2$d'), page + 1, numberOfPages),

[60652] Fix | Delete

onClick: () => setCurrentPage(page)

[60653] Fix | Delete

}, page)

[60654] Fix | Delete

}, page))

[60655] Fix | Delete

});

[60656] Fix | Delete

}

[60657] Fix | Delete

[60658] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/guide/index.js

[60659] Fix | Delete

/**

[60660] Fix | Delete

* External dependencies

[60661] Fix | Delete

[60662] Fix | Delete

[60663] Fix | Delete

[60664] Fix | Delete

/**

[60665] Fix | Delete

* WordPress dependencies

[60666] Fix | Delete

[60667] Fix | Delete

[60668] Fix | Delete

[60669] Fix | Delete

[60670] Fix | Delete

[60671] Fix | Delete

/**

[60672] Fix | Delete

* Internal dependencies

[60673] Fix | Delete

[60674] Fix | Delete

[60675] Fix | Delete

[60676] Fix | Delete

[60677] Fix | Delete

[60678] Fix | Delete

[60679] Fix | Delete

/**

[60680] Fix | Delete

* `Guide` is a React component that renders a _user guide_ in a modal. The guide consists of several pages which the user can step through one by one. The guide is finished when the modal is closed or when the user clicks _Finish_ on the last page of the guide.

[60681] Fix | Delete

[60682] Fix | Delete

* ```jsx

[60683] Fix | Delete

* function MyTutorial() {

[60684] Fix | Delete

* const [ isOpen, setIsOpen ] = useState( true );

[60685] Fix | Delete

[60686] Fix | Delete

* if ( ! isOpen ) {

[60687] Fix | Delete

* return null;

[60688] Fix | Delete

* }

[60689] Fix | Delete

[60690] Fix | Delete

* return (

[60691] Fix | Delete

* <Guide

[60692] Fix | Delete

* onFinish={ () => setIsOpen( false ) }

[60693] Fix | Delete

* pages={ [

[60694] Fix | Delete

* {

[60695] Fix | Delete

* content: Welcome to the ACME Store!,

[60696] Fix | Delete

* },

[60697] Fix | Delete

* {

[60698] Fix | Delete

* image: <img src="https://acmestore.com/add-to-cart.png" />,

[60699] Fix | Delete

* content: (

[60700] Fix | Delete

*

[60701] Fix | Delete

* Click Add to Cart to buy a product.

[60702] Fix | Delete

*

[60703] Fix | Delete

* ),

[60704] Fix | Delete

* },

[60705] Fix | Delete

* ] }

[60706] Fix | Delete

* />

[60707] Fix | Delete

* );

[60708] Fix | Delete

* }

[60709] Fix | Delete

* ```

[60710] Fix | Delete

[60711] Fix | Delete

function Guide({

[60712] Fix | Delete

children,

[60713] Fix | Delete

className,

[60714] Fix | Delete

contentLabel,

[60715] Fix | Delete

finishButtonText = (0,external_wp_i18n_namespaceObject.__)('Finish'),

[60716] Fix | Delete

onFinish,

[60717] Fix | Delete

pages = []

[60718] Fix | Delete

}) {

[60719] Fix | Delete

const ref = (0,external_wp_element_namespaceObject.useRef)(null);

[60720] Fix | Delete

const [currentPage, setCurrentPage] = (0,external_wp_element_namespaceObject.useState)(0);

[60721] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[60722] Fix | Delete

// Place focus at the top of the guide on mount and when the page changes.

[60723] Fix | Delete

const frame = ref.current?.querySelector('.components-guide');

[60724] Fix | Delete

if (frame instanceof HTMLElement) {

[60725] Fix | Delete

frame.focus();

[60726] Fix | Delete

}

[60727] Fix | Delete

}, [currentPage]);

[60728] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[60729] Fix | Delete

if (external_wp_element_namespaceObject.Children.count(children)) {

[60730] Fix | Delete

external_wp_deprecated_default()('Passing children to <Guide>', {

[60731] Fix | Delete

since: '5.5',

[60732] Fix | Delete

alternative: 'the `pages` prop'

[60733] Fix | Delete

});

[60734] Fix | Delete

}

[60735] Fix | Delete

}, [children]);

[60736] Fix | Delete

if (external_wp_element_namespaceObject.Children.count(children)) {

[60737] Fix | Delete

var _Children$map;

[60738] Fix | Delete

pages = (_Children$map = external_wp_element_namespaceObject.Children.map(children, child => ({

[60739] Fix | Delete

content: child

[60740] Fix | Delete

}))) !== null && _Children$map !== void 0 ? _Children$map : [];

[60741] Fix | Delete

}

[60742] Fix | Delete

const canGoBack = currentPage > 0;

[60743] Fix | Delete

const canGoForward = currentPage < pages.length - 1;

[60744] Fix | Delete

const goBack = () => {

[60745] Fix | Delete

if (canGoBack) {

[60746] Fix | Delete

setCurrentPage(currentPage - 1);

[60747] Fix | Delete

}

[60748] Fix | Delete

};

[60749] Fix | Delete

const goForward = () => {

[60750] Fix | Delete

if (canGoForward) {

[60751] Fix | Delete

setCurrentPage(currentPage + 1);

[60752] Fix | Delete

}

[60753] Fix | Delete

};

[60754] Fix | Delete

if (pages.length === 0) {

[60755] Fix | Delete

return null;

[60756] Fix | Delete

}

[60757] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(modal, {

[60758] Fix | Delete

className: dist_clsx('components-guide', className),

[60759] Fix | Delete

contentLabel: contentLabel,

[60760] Fix | Delete

isDismissible: pages.length > 1,

[60761] Fix | Delete

onRequestClose: onFinish,

[60762] Fix | Delete

onKeyDown: event => {

[60763] Fix | Delete

if (event.code === 'ArrowLeft') {

[60764] Fix | Delete

goBack();

[60765] Fix | Delete

// Do not scroll the modal's contents.

[60766] Fix | Delete

event.preventDefault();

[60767] Fix | Delete

} else if (event.code === 'ArrowRight') {

[60768] Fix | Delete

goForward();

[60769] Fix | Delete

// Do not scroll the modal's contents.

[60770] Fix | Delete

event.preventDefault();

[60771] Fix | Delete

}

[60772] Fix | Delete

[60773] Fix | Delete

ref: ref,

[60774] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[60775] Fix | Delete

className: "components-guide__container",

[60776] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[60777] Fix | Delete

className: "components-guide__page",

[60778] Fix | Delete

children: [pages[currentPage].image, pages.length > 1 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PageControl, {

[60779] Fix | Delete

currentPage: currentPage,

[60780] Fix | Delete

numberOfPages: pages.length,

[60781] Fix | Delete

setCurrentPage: setCurrentPage

[60782] Fix | Delete

}), pages[currentPage].content]

[60783] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[60784] Fix | Delete

className: "components-guide__footer",

[60785] Fix | Delete

children: [canGoBack && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[60786] Fix | Delete

className: "components-guide__back-button",

[60787] Fix | Delete

variant: "tertiary",

[60788] Fix | Delete

onClick: goBack,

[60789] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Previous')

[60790] Fix | Delete

}), canGoForward && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[60791] Fix | Delete

className: "components-guide__forward-button",

[60792] Fix | Delete

variant: "primary",

[60793] Fix | Delete

onClick: goForward,

[60794] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Next')

[60795] Fix | Delete

}), !canGoForward && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[60796] Fix | Delete

className: "components-guide__finish-button",

[60797] Fix | Delete

variant: "primary",

[60798] Fix | Delete

onClick: onFinish,

[60799] Fix | Delete

children: finishButtonText

[60800] Fix | Delete

})]

[60801] Fix | Delete

})]

[60802] Fix | Delete

})

[60803] Fix | Delete

});

[60804] Fix | Delete

}

[60805] Fix | Delete

/* harmony default export */ const guide = (Guide);

[60806] Fix | Delete

[60807] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/guide/page.js

[60808] Fix | Delete

/**

[60809] Fix | Delete

* WordPress dependencies

[60810] Fix | Delete

[60811] Fix | Delete

[60812] Fix | Delete

[60813] Fix | Delete

[60814] Fix | Delete

/**

[60815] Fix | Delete

* Internal dependencies

[60816] Fix | Delete

[60817] Fix | Delete

[60818] Fix | Delete

function GuidePage(props) {

[60819] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[60820] Fix | Delete

external_wp_deprecated_default()('<GuidePage>', {

[60821] Fix | Delete

since: '5.5',

[60822] Fix | Delete

alternative: 'the `pages` prop in <Guide>'

[60823] Fix | Delete

});

[60824] Fix | Delete

}, []);

[60825] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[60826] Fix | Delete

...props

[60827] Fix | Delete

});

[60828] Fix | Delete

}

[60829] Fix | Delete

[60830] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/button/deprecated.js

[60831] Fix | Delete

/**

[60832] Fix | Delete

* External dependencies

[60833] Fix | Delete

[60834] Fix | Delete

[60835] Fix | Delete

/**

[60836] Fix | Delete

* WordPress dependencies

[60837] Fix | Delete

[60838] Fix | Delete

[60839] Fix | Delete

[60840] Fix | Delete

[60841] Fix | Delete

/**

[60842] Fix | Delete

* Internal dependencies

[60843] Fix | Delete

[60844] Fix | Delete

[60845] Fix | Delete

[60846] Fix | Delete

function UnforwardedIconButton({

[60847] Fix | Delete

label,

[60848] Fix | Delete

labelPosition,

[60849] Fix | Delete

size,

[60850] Fix | Delete

tooltip,

[60851] Fix | Delete

...props

[60852] Fix | Delete

}, ref) {

[60853] Fix | Delete

external_wp_deprecated_default()('wp.components.IconButton', {

[60854] Fix | Delete

since: '5.4',

[60855] Fix | Delete

alternative: 'wp.components.Button',

[60856] Fix | Delete

version: '6.2'

[60857] Fix | Delete

});

[60858] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[60859] Fix | Delete

...props,

[60860] Fix | Delete

ref: ref,

[60861] Fix | Delete

tooltipPosition: labelPosition,

[60862] Fix | Delete

iconSize: size,

[60863] Fix | Delete

showTooltip: tooltip !== undefined ? !!tooltip : undefined,

[60864] Fix | Delete

label: tooltip || label

[60865] Fix | Delete

});

[60866] Fix | Delete

}

[60867] Fix | Delete

/* harmony default export */ const deprecated = ((0,external_wp_element_namespaceObject.forwardRef)(UnforwardedIconButton));

[60868] Fix | Delete

[60869] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/item-group/item/hook.js

[60870] Fix | Delete

/**

[60871] Fix | Delete

* WordPress dependencies

[60872] Fix | Delete

[60873] Fix | Delete

[60874] Fix | Delete

[60875] Fix | Delete

/**

[60876] Fix | Delete

* Internal dependencies

[60877] Fix | Delete

[60878] Fix | Delete

[60879] Fix | Delete

[60880] Fix | Delete

[60881] Fix | Delete

[60882] Fix | Delete

[60883] Fix | Delete

function useItem(props) {

[60884] Fix | Delete

const {

[60885] Fix | Delete

as: asProp,

[60886] Fix | Delete

className,

[60887] Fix | Delete

onClick,

[60888] Fix | Delete

role = 'listitem',

[60889] Fix | Delete

size: sizeProp,

[60890] Fix | Delete

...otherProps

[60891] Fix | Delete

} = useContextSystem(props, 'Item');

[60892] Fix | Delete

const {

[60893] Fix | Delete

spacedAround,

[60894] Fix | Delete

size: contextSize

[60895] Fix | Delete

} = useItemGroupContext();

[60896] Fix | Delete

const size = sizeProp || contextSize;

[60897] Fix | Delete

const as = asProp || (typeof onClick !== 'undefined' ? 'button' : 'div');

[60898] Fix | Delete

const cx = useCx();

[60899] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => cx((as === 'button' || as === 'a') && unstyledButton(as), itemSizes[size] || itemSizes.medium, item, spacedAround && styles_spacedAround, className), [as, className, cx, size, spacedAround]);

[60900] Fix | Delete

const wrapperClassName = cx(itemWrapper);

[60901] Fix | Delete

return {

[60902] Fix | Delete

as,

[60903] Fix | Delete

className: classes,

[60904] Fix | Delete

onClick,

[60905] Fix | Delete

wrapperClassName,

[60906] Fix | Delete

role,

[60907] Fix | Delete

...otherProps

[60908] Fix | Delete

};

[60909] Fix | Delete

}

[60910] Fix | Delete

[60911] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/item-group/item/component.js

[60912] Fix | Delete

/**

[60913] Fix | Delete

* External dependencies

[60914] Fix | Delete

[60915] Fix | Delete

[60916] Fix | Delete

/**

[60917] Fix | Delete

* Internal dependencies

[60918] Fix | Delete

[60919] Fix | Delete

[60920] Fix | Delete

[60921] Fix | Delete

[60922] Fix | Delete

[60923] Fix | Delete

[60924] Fix | Delete

function UnconnectedItem(props, forwardedRef) {

[60925] Fix | Delete

const {

[60926] Fix | Delete

role,

[60927] Fix | Delete

wrapperClassName,

[60928] Fix | Delete

...otherProps

[60929] Fix | Delete

} = useItem(props);

[60930] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[60931] Fix | Delete

role: role,

[60932] Fix | Delete

className: wrapperClassName,

[60933] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(component, {

[60934] Fix | Delete

...otherProps,

[60935] Fix | Delete

ref: forwardedRef

[60936] Fix | Delete

})

[60937] Fix | Delete

});

[60938] Fix | Delete

}

[60939] Fix | Delete

[60940] Fix | Delete

/**

[60941] Fix | Delete

* `Item` is used in combination with `ItemGroup` to display a list of items

[60942] Fix | Delete

* grouped and styled together.

[60943] Fix | Delete

[60944] Fix | Delete

* ```jsx

[60945] Fix | Delete

* import {

[60946] Fix | Delete

* __experimentalItemGroup as ItemGroup,

[60947] Fix | Delete

* __experimentalItem as Item,

[60948] Fix | Delete

* } from '@wordpress/components';

[60949] Fix | Delete

[60950] Fix | Delete

* function Example() {

[60951] Fix | Delete

* return (

[60952] Fix | Delete

* <ItemGroup>

[60953] Fix | Delete

* <Item>Code</Item>

[60954] Fix | Delete

* <Item>is</Item>

[60955] Fix | Delete

* <Item>Poetry</Item>

[60956] Fix | Delete

* </ItemGroup>

[60957] Fix | Delete

* );

[60958] Fix | Delete

* }

[60959] Fix | Delete

* ```

[60960] Fix | Delete

[60961] Fix | Delete

const component_Item = contextConnect(UnconnectedItem, 'Item');

[60962] Fix | Delete

/* harmony default export */ const item_component = (component_Item);

[60963] Fix | Delete

[60964] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/input-control/input-prefix-wrapper.js

[60965] Fix | Delete

/**

[60966] Fix | Delete

* External dependencies

[60967] Fix | Delete

[60968] Fix | Delete

[60969] Fix | Delete

/**

[60970] Fix | Delete

* Internal dependencies

[60971] Fix | Delete

[60972] Fix | Delete

[60973] Fix | Delete

[60974] Fix | Delete

[60975] Fix | Delete

function UnconnectedInputControlPrefixWrapper(props, forwardedRef) {

[60976] Fix | Delete

const derivedProps = useContextSystem(props, 'InputControlPrefixWrapper');

[60977] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(spacer_component, {

[60978] Fix | Delete

marginBottom: 0,

[60979] Fix | Delete

...derivedProps,

[60980] Fix | Delete

ref: forwardedRef

[60981] Fix | Delete

});

[60982] Fix | Delete

}

[60983] Fix | Delete

[60984] Fix | Delete

/**

[60985] Fix | Delete

* A convenience wrapper for the `prefix` when you want to apply

[60986] Fix | Delete

* standard padding in accordance with the size variant.

[60987] Fix | Delete

[60988] Fix | Delete

* ```jsx

[60989] Fix | Delete

* import {

[60990] Fix | Delete

* __experimentalInputControl as InputControl,

[60991] Fix | Delete

* __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,

[60992] Fix | Delete

* } from '@wordpress/components';

[60993] Fix | Delete

[60994] Fix | Delete

* <InputControl

[60995] Fix | Delete

* prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}

[60996] Fix | Delete

* />

[60997] Fix | Delete

* ```

[60998] Fix | Delete

[60999] Fix | Delete

1 ...120 121122123 124 ...149