Edit File by line

[67500] Fix | Delete

[67501] Fix | Delete

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

[67502] Fix | Delete

/**

[67503] Fix | Delete

* External dependencies

[67504] Fix | Delete

[67505] Fix | Delete

// eslint-disable-next-line no-restricted-imports

[67506] Fix | Delete

[67507] Fix | Delete

[67508] Fix | Delete

/**

[67509] Fix | Delete

* WordPress dependencies

[67510] Fix | Delete

[67511] Fix | Delete

[67512] Fix | Delete

[67513] Fix | Delete

[67514] Fix | Delete

/**

[67515] Fix | Delete

* Internal dependencies

[67516] Fix | Delete

[67517] Fix | Delete

[67518] Fix | Delete

[67519] Fix | Delete

[67520] Fix | Delete

[67521] Fix | Delete

// Separate the actual tab name from the instance ID. This is

[67522] Fix | Delete

// necessary because Ariakit internally uses the element ID when

[67523] Fix | Delete

// a new tab is selected, but our implementation looks specifically

[67524] Fix | Delete

// for the tab name to be passed to the `onSelect` callback.

[67525] Fix | Delete

const extractTabName = id => {

[67526] Fix | Delete

if (typeof id === 'undefined' || id === null) {

[67527] Fix | Delete

return;

[67528] Fix | Delete

}

[67529] Fix | Delete

return id.match(/^tab-panel-[0-9]*-(.*)/)?.[1];

[67530] Fix | Delete

};

[67531] Fix | Delete

[67532] Fix | Delete

/**

[67533] Fix | Delete

* TabPanel is an ARIA-compliant tabpanel.

[67534] Fix | Delete

[67535] Fix | Delete

* TabPanels organize content across different screens, data sets, and interactions.

[67536] Fix | Delete

* It has two sections: a list of tabs, and the view to show when tabs are chosen.

[67537] Fix | Delete

[67538] Fix | Delete

* ```jsx

[67539] Fix | Delete

* import { TabPanel } from '@wordpress/components';

[67540] Fix | Delete

[67541] Fix | Delete

* const onSelect = ( tabName ) => {

[67542] Fix | Delete

* console.log( 'Selecting tab', tabName );

[67543] Fix | Delete

* };

[67544] Fix | Delete

[67545] Fix | Delete

* const MyTabPanel = () => (

[67546] Fix | Delete

* <TabPanel

[67547] Fix | Delete

* className="my-tab-panel"

[67548] Fix | Delete

* activeClass="active-tab"

[67549] Fix | Delete

* onSelect={ onSelect }

[67550] Fix | Delete

* tabs={ [

[67551] Fix | Delete

* {

[67552] Fix | Delete

* name: 'tab1',

[67553] Fix | Delete

* title: 'Tab 1',

[67554] Fix | Delete

* className: 'tab-one',

[67555] Fix | Delete

* },

[67556] Fix | Delete

* {

[67557] Fix | Delete

* name: 'tab2',

[67558] Fix | Delete

* title: 'Tab 2',

[67559] Fix | Delete

* className: 'tab-two',

[67560] Fix | Delete

* },

[67561] Fix | Delete

* ] }

[67562] Fix | Delete

* >

[67563] Fix | Delete

* { ( tab ) => { tab.title } }

[67564] Fix | Delete

* </TabPanel>

[67565] Fix | Delete

* );

[67566] Fix | Delete

* ```

[67567] Fix | Delete

[67568] Fix | Delete

const UnforwardedTabPanel = ({

[67569] Fix | Delete

className,

[67570] Fix | Delete

children,

[67571] Fix | Delete

tabs,

[67572] Fix | Delete

selectOnMove = true,

[67573] Fix | Delete

initialTabName,

[67574] Fix | Delete

orientation = 'horizontal',

[67575] Fix | Delete

activeClass = 'is-active',

[67576] Fix | Delete

onSelect

[67577] Fix | Delete

}, ref) => {

[67578] Fix | Delete

const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(tab_panel_TabPanel, 'tab-panel');

[67579] Fix | Delete

const prependInstanceId = (0,external_wp_element_namespaceObject.useCallback)(tabName => {

[67580] Fix | Delete

if (typeof tabName === 'undefined') {

[67581] Fix | Delete

return;

[67582] Fix | Delete

}

[67583] Fix | Delete

return `${instanceId}-${tabName}`;

[67584] Fix | Delete

}, [instanceId]);

[67585] Fix | Delete

const tabStore = useTabStore({

[67586] Fix | Delete

setSelectedId: newTabValue => {

[67587] Fix | Delete

if (typeof newTabValue === 'undefined' || newTabValue === null) {

[67588] Fix | Delete

return;

[67589] Fix | Delete

}

[67590] Fix | Delete

const newTab = tabs.find(t => prependInstanceId(t.name) === newTabValue);

[67591] Fix | Delete

if (newTab?.disabled || newTab === selectedTab) {

[67592] Fix | Delete

return;

[67593] Fix | Delete

}

[67594] Fix | Delete

const simplifiedTabName = extractTabName(newTabValue);

[67595] Fix | Delete

if (typeof simplifiedTabName === 'undefined') {

[67596] Fix | Delete

return;

[67597] Fix | Delete

}

[67598] Fix | Delete

onSelect?.(simplifiedTabName);

[67599] Fix | Delete

[67600] Fix | Delete

orientation,

[67601] Fix | Delete

selectOnMove,

[67602] Fix | Delete

defaultSelectedId: prependInstanceId(initialTabName)

[67603] Fix | Delete

});

[67604] Fix | Delete

const selectedTabName = extractTabName(tabStore.useState('selectedId'));

[67605] Fix | Delete

const setTabStoreSelectedId = (0,external_wp_element_namespaceObject.useCallback)(tabName => {

[67606] Fix | Delete

tabStore.setState('selectedId', prependInstanceId(tabName));

[67607] Fix | Delete

}, [prependInstanceId, tabStore]);

[67608] Fix | Delete

const selectedTab = tabs.find(({

[67609] Fix | Delete

name

[67610] Fix | Delete

}) => name === selectedTabName);

[67611] Fix | Delete

const previousSelectedTabName = (0,external_wp_compose_namespaceObject.usePrevious)(selectedTabName);

[67612] Fix | Delete

[67613] Fix | Delete

// Ensure `onSelect` is called when the initial tab is selected.

[67614] Fix | Delete

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

[67615] Fix | Delete

if (previousSelectedTabName !== selectedTabName && selectedTabName === initialTabName && !!selectedTabName) {

[67616] Fix | Delete

onSelect?.(selectedTabName);

[67617] Fix | Delete

}

[67618] Fix | Delete

}, [selectedTabName, initialTabName, onSelect, previousSelectedTabName]);

[67619] Fix | Delete

[67620] Fix | Delete

// Handle selecting the initial tab.

[67621] Fix | Delete

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

[67622] Fix | Delete

// If there's a selected tab, don't override it.

[67623] Fix | Delete

if (selectedTab) {

[67624] Fix | Delete

return;

[67625] Fix | Delete

}

[67626] Fix | Delete

const initialTab = tabs.find(tab => tab.name === initialTabName);

[67627] Fix | Delete

// Wait for the denoted initial tab to be declared before making a

[67628] Fix | Delete

// selection. This ensures that if a tab is declared lazily it can

[67629] Fix | Delete

// still receive initial selection.

[67630] Fix | Delete

if (initialTabName && !initialTab) {

[67631] Fix | Delete

return;

[67632] Fix | Delete

}

[67633] Fix | Delete

if (initialTab && !initialTab.disabled) {

[67634] Fix | Delete

// Select the initial tab if it's not disabled.

[67635] Fix | Delete

setTabStoreSelectedId(initialTab.name);

[67636] Fix | Delete

} else {

[67637] Fix | Delete

// Fallback to the first enabled tab when the initial tab is

[67638] Fix | Delete

// disabled or it can't be found.

[67639] Fix | Delete

const firstEnabledTab = tabs.find(tab => !tab.disabled);

[67640] Fix | Delete

if (firstEnabledTab) {

[67641] Fix | Delete

setTabStoreSelectedId(firstEnabledTab.name);

[67642] Fix | Delete

}

[67643] Fix | Delete

}

[67644] Fix | Delete

}, [tabs, selectedTab, initialTabName, instanceId, setTabStoreSelectedId]);

[67645] Fix | Delete

[67646] Fix | Delete

// Handle the currently selected tab becoming disabled.

[67647] Fix | Delete

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

[67648] Fix | Delete

// This effect only runs when the selected tab is defined and becomes disabled.

[67649] Fix | Delete

if (!selectedTab?.disabled) {

[67650] Fix | Delete

return;

[67651] Fix | Delete

}

[67652] Fix | Delete

const firstEnabledTab = tabs.find(tab => !tab.disabled);

[67653] Fix | Delete

// If the currently selected tab becomes disabled, select the first enabled tab.

[67654] Fix | Delete

// (if there is one).

[67655] Fix | Delete

if (firstEnabledTab) {

[67656] Fix | Delete

setTabStoreSelectedId(firstEnabledTab.name);

[67657] Fix | Delete

}

[67658] Fix | Delete

}, [tabs, selectedTab?.disabled, setTabStoreSelectedId, instanceId]);

[67659] Fix | Delete

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

[67660] Fix | Delete

className: className,

[67661] Fix | Delete

ref: ref,

[67662] Fix | Delete

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

[67663] Fix | Delete

store: tabStore,

[67664] Fix | Delete

className: "components-tab-panel__tabs",

[67665] Fix | Delete

children: tabs.map(tab => {

[67666] Fix | Delete

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

[67667] Fix | Delete

id: prependInstanceId(tab.name),

[67668] Fix | Delete

className: dist_clsx('components-tab-panel__tabs-item', tab.className, {

[67669] Fix | Delete

[activeClass]: tab.name === selectedTabName

[67670] Fix | Delete

}),

[67671] Fix | Delete

disabled: tab.disabled,

[67672] Fix | Delete

"aria-controls": `${prependInstanceId(tab.name)}-view`,

[67673] Fix | Delete

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

[67674] Fix | Delete

icon: tab.icon,

[67675] Fix | Delete

label: tab.icon && tab.title,

[67676] Fix | Delete

showTooltip: !!tab.icon

[67677] Fix | Delete

}),

[67678] Fix | Delete

children: !tab.icon && tab.title

[67679] Fix | Delete

}, tab.name);

[67680] Fix | Delete

})

[67681] Fix | Delete

}), selectedTab && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TabPanel, {

[67682] Fix | Delete

id: `${prependInstanceId(selectedTab.name)}-view`,

[67683] Fix | Delete

store: tabStore,

[67684] Fix | Delete

tabId: prependInstanceId(selectedTab.name),

[67685] Fix | Delete

className: "components-tab-panel__tab-content",

[67686] Fix | Delete

children: children(selectedTab)

[67687] Fix | Delete

})]

[67688] Fix | Delete

});

[67689] Fix | Delete

};

[67690] Fix | Delete

const tab_panel_TabPanel = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedTabPanel);

[67691] Fix | Delete

/* harmony default export */ const tab_panel = (tab_panel_TabPanel);

[67692] Fix | Delete

[67693] Fix | Delete

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

[67694] Fix | Delete

/**

[67695] Fix | Delete

* External dependencies

[67696] Fix | Delete

[67697] Fix | Delete

[67698] Fix | Delete

[67699] Fix | Delete

[67700] Fix | Delete

/**

[67701] Fix | Delete

* WordPress dependencies

[67702] Fix | Delete

[67703] Fix | Delete

[67704] Fix | Delete

[67705] Fix | Delete

[67706] Fix | Delete

/**

[67707] Fix | Delete

* Internal dependencies

[67708] Fix | Delete

[67709] Fix | Delete

[67710] Fix | Delete

[67711] Fix | Delete

function UnforwardedTextControl(props, ref) {

[67712] Fix | Delete

const {

[67713] Fix | Delete

__nextHasNoMarginBottom,

[67714] Fix | Delete

__next40pxDefaultSize = false,

[67715] Fix | Delete

label,

[67716] Fix | Delete

hideLabelFromVision,

[67717] Fix | Delete

value,

[67718] Fix | Delete

help,

[67719] Fix | Delete

id: idProp,

[67720] Fix | Delete

className,

[67721] Fix | Delete

onChange,

[67722] Fix | Delete

type = 'text',

[67723] Fix | Delete

...additionalProps

[67724] Fix | Delete

} = props;

[67725] Fix | Delete

const id = (0,external_wp_compose_namespaceObject.useInstanceId)(TextControl, 'inspector-text-control', idProp);

[67726] Fix | Delete

const onChangeValue = event => onChange(event.target.value);

[67727] Fix | Delete

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

[67728] Fix | Delete

__nextHasNoMarginBottom: __nextHasNoMarginBottom,

[67729] Fix | Delete

label: label,

[67730] Fix | Delete

hideLabelFromVision: hideLabelFromVision,

[67731] Fix | Delete

id: id,

[67732] Fix | Delete

help: help,

[67733] Fix | Delete

className: className,

[67734] Fix | Delete

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

[67735] Fix | Delete

className: dist_clsx('components-text-control__input', {

[67736] Fix | Delete

'is-next-40px-default-size': __next40pxDefaultSize

[67737] Fix | Delete

}),

[67738] Fix | Delete

type: type,

[67739] Fix | Delete

id: id,

[67740] Fix | Delete

value: value,

[67741] Fix | Delete

onChange: onChangeValue,

[67742] Fix | Delete

"aria-describedby": !!help ? id + '__help' : undefined,

[67743] Fix | Delete

ref: ref,

[67744] Fix | Delete

...additionalProps

[67745] Fix | Delete

})

[67746] Fix | Delete

});

[67747] Fix | Delete

}

[67748] Fix | Delete

[67749] Fix | Delete

/**

[67750] Fix | Delete

* TextControl components let users enter and edit text.

[67751] Fix | Delete

[67752] Fix | Delete

* ```jsx

[67753] Fix | Delete

* import { TextControl } from '@wordpress/components';

[67754] Fix | Delete

* import { useState } from '@wordpress/element';

[67755] Fix | Delete

[67756] Fix | Delete

* const MyTextControl = () => {

[67757] Fix | Delete

* const [ className, setClassName ] = useState( '' );

[67758] Fix | Delete

[67759] Fix | Delete

* return (

[67760] Fix | Delete

* <TextControl

[67761] Fix | Delete

* label="Additional CSS Class"

[67762] Fix | Delete

* value={ className }

[67763] Fix | Delete

* onChange={ ( value ) => setClassName( value ) }

[67764] Fix | Delete

* />

[67765] Fix | Delete

* );

[67766] Fix | Delete

* };

[67767] Fix | Delete

* ```

[67768] Fix | Delete

[67769] Fix | Delete

const TextControl = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedTextControl);

[67770] Fix | Delete

/* harmony default export */ const text_control = (TextControl);

[67771] Fix | Delete

[67772] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/input/base.js

[67773] Fix | Delete

/**

[67774] Fix | Delete

* External dependencies

[67775] Fix | Delete

[67776] Fix | Delete

[67777] Fix | Delete

[67778] Fix | Delete

/**

[67779] Fix | Delete

* Internal dependencies

[67780] Fix | Delete

[67781] Fix | Delete

[67782] Fix | Delete

[67783] Fix | Delete

const inputStyleNeutral = /*#__PURE__*/emotion_react_browser_esm_css("box-shadow:0 0 0 transparent;border-radius:", config_values.radiusBlockUi, ";border:", config_values.borderWidth, " solid ", COLORS.ui.border, ";@media not ( prefers-reduced-motion ){transition:box-shadow 0.1s linear;}" + ( true ? "" : 0), true ? "" : 0);

[67784] Fix | Delete

const inputStyleFocus = /*#__PURE__*/emotion_react_browser_esm_css("border-color:", COLORS.theme.accent, ";box-shadow:0 0 0 calc( ", config_values.borderWidthFocus, " - ", config_values.borderWidth, " ) ", COLORS.theme.accent, ";outline:2px solid transparent;" + ( true ? "" : 0), true ? "" : 0);

[67785] Fix | Delete

[67786] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/breakpoint-values.js

[67787] Fix | Delete

/* harmony default export */ const breakpoint_values = ({

[67788] Fix | Delete

huge: '1440px',

[67789] Fix | Delete

wide: '1280px',

[67790] Fix | Delete

'x-large': '1080px',

[67791] Fix | Delete

large: '960px',

[67792] Fix | Delete

// admin sidebar auto folds

[67793] Fix | Delete

medium: '782px',

[67794] Fix | Delete

// Adminbar goes big.

[67795] Fix | Delete

small: '600px',

[67796] Fix | Delete

mobile: '480px',

[67797] Fix | Delete

'zoomed-in': '280px'

[67798] Fix | Delete

});

[67799] Fix | Delete

[67800] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/breakpoint.js

[67801] Fix | Delete

/**

[67802] Fix | Delete

* Internal dependencies

[67803] Fix | Delete

[67804] Fix | Delete

[67805] Fix | Delete

[67806] Fix | Delete

/**

[67807] Fix | Delete

* @param {keyof breakpoints} point

[67808] Fix | Delete

* @return {string} Media query declaration.

[67809] Fix | Delete

[67810] Fix | Delete

const breakpoint = point => `@media (min-width: ${breakpoint_values[point]})`;

[67811] Fix | Delete

[67812] Fix | Delete

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

[67813] Fix | Delete

/**

[67814] Fix | Delete

* External dependencies

[67815] Fix | Delete

[67816] Fix | Delete

[67817] Fix | Delete

[67818] Fix | Delete

/**

[67819] Fix | Delete

* Internal dependencies

[67820] Fix | Delete

[67821] Fix | Delete

[67822] Fix | Delete

[67823] Fix | Delete

[67824] Fix | Delete

[67825] Fix | Delete

[67826] Fix | Delete

[67827] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/textarea-control/styles/textarea-control-styles.js

[67828] Fix | Delete

[67829] Fix | Delete

/**

[67830] Fix | Delete

* External dependencies

[67831] Fix | Delete

[67832] Fix | Delete

[67833] Fix | Delete

/**

[67834] Fix | Delete

* Internal dependencies

[67835] Fix | Delete

[67836] Fix | Delete

[67837] Fix | Delete

const StyledTextarea = /*#__PURE__*/emotion_styled_base_browser_esm("textarea", true ? {

[67838] Fix | Delete

target: "e1w5nnrk0"

[67839] Fix | Delete

} : 0)("width:100%;", inputControl, ";" + ( true ? "" : 0));

[67840] Fix | Delete

[67841] Fix | Delete

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

[67842] Fix | Delete

/**

[67843] Fix | Delete

* WordPress dependencies

[67844] Fix | Delete

[67845] Fix | Delete

[67846] Fix | Delete

[67847] Fix | Delete

[67848] Fix | Delete

/**

[67849] Fix | Delete

* Internal dependencies

[67850] Fix | Delete

[67851] Fix | Delete

[67852] Fix | Delete

[67853] Fix | Delete

[67854] Fix | Delete

function UnforwardedTextareaControl(props, ref) {

[67855] Fix | Delete

const {

[67856] Fix | Delete

__nextHasNoMarginBottom,

[67857] Fix | Delete

label,

[67858] Fix | Delete

hideLabelFromVision,

[67859] Fix | Delete

value,

[67860] Fix | Delete

help,

[67861] Fix | Delete

onChange,

[67862] Fix | Delete

rows = 4,

[67863] Fix | Delete

className,

[67864] Fix | Delete

...additionalProps

[67865] Fix | Delete

} = props;

[67866] Fix | Delete

const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(TextareaControl);

[67867] Fix | Delete

const id = `inspector-textarea-control-${instanceId}`;

[67868] Fix | Delete

const onChangeValue = event => onChange(event.target.value);

[67869] Fix | Delete

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

[67870] Fix | Delete

__nextHasNoMarginBottom: __nextHasNoMarginBottom,

[67871] Fix | Delete

label: label,

[67872] Fix | Delete

hideLabelFromVision: hideLabelFromVision,

[67873] Fix | Delete

id: id,

[67874] Fix | Delete

help: help,

[67875] Fix | Delete

className: className,

[67876] Fix | Delete

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

[67877] Fix | Delete

className: "components-textarea-control__input",

[67878] Fix | Delete

id: id,

[67879] Fix | Delete

rows: rows,

[67880] Fix | Delete

onChange: onChangeValue,

[67881] Fix | Delete

"aria-describedby": !!help ? id + '__help' : undefined,

[67882] Fix | Delete

value: value,

[67883] Fix | Delete

ref: ref,

[67884] Fix | Delete

...additionalProps

[67885] Fix | Delete

})

[67886] Fix | Delete

});

[67887] Fix | Delete

}

[67888] Fix | Delete

[67889] Fix | Delete

/**

[67890] Fix | Delete

* TextareaControls are TextControls that allow for multiple lines of text, and

[67891] Fix | Delete

* wrap overflow text onto a new line. They are a fixed height and scroll

[67892] Fix | Delete

* vertically when the cursor reaches the bottom of the field.

[67893] Fix | Delete

[67894] Fix | Delete

* ```jsx

[67895] Fix | Delete

* import { TextareaControl } from '@wordpress/components';

[67896] Fix | Delete

* import { useState } from '@wordpress/element';

[67897] Fix | Delete

[67898] Fix | Delete

* const MyTextareaControl = () => {

[67899] Fix | Delete

* const [ text, setText ] = useState( '' );

[67900] Fix | Delete

[67901] Fix | Delete

* return (

[67902] Fix | Delete

* <TextareaControl

[67903] Fix | Delete

* label="Text"

[67904] Fix | Delete

* help="Enter some text"

[67905] Fix | Delete

* value={ text }

[67906] Fix | Delete

* onChange={ ( value ) => setText( value ) }

[67907] Fix | Delete

* />

[67908] Fix | Delete

* );

[67909] Fix | Delete

* };

[67910] Fix | Delete

* ```

[67911] Fix | Delete

[67912] Fix | Delete

const TextareaControl = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedTextareaControl);

[67913] Fix | Delete

/* harmony default export */ const textarea_control = (TextareaControl);

[67914] Fix | Delete

[67915] Fix | Delete

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

[67916] Fix | Delete

/**

[67917] Fix | Delete

* WordPress dependencies

[67918] Fix | Delete

[67919] Fix | Delete

[67920] Fix | Delete

[67921] Fix | Delete

/**

[67922] Fix | Delete

* Internal dependencies

[67923] Fix | Delete

[67924] Fix | Delete

[67925] Fix | Delete

[67926] Fix | Delete

[67927] Fix | Delete

/**

[67928] Fix | Delete

* Highlights occurrences of a given string within another string of text. Wraps

[67929] Fix | Delete

* each match with a `` tag which provides browser default styling.

[67930] Fix | Delete

[67931] Fix | Delete

* ```jsx

[67932] Fix | Delete

* import { TextHighlight } from '@wordpress/components';

[67933] Fix | Delete

[67934] Fix | Delete

* const MyTextHighlight = () => (

[67935] Fix | Delete

* <TextHighlight

[67936] Fix | Delete

* text="Why do we like Gutenberg? Because Gutenberg is the best!"

[67937] Fix | Delete

* highlight="Gutenberg"

[67938] Fix | Delete

* />

[67939] Fix | Delete

* );

[67940] Fix | Delete

* ```

[67941] Fix | Delete

[67942] Fix | Delete

const TextHighlight = props => {

[67943] Fix | Delete

const {

[67944] Fix | Delete

text = '',

[67945] Fix | Delete

highlight = ''

[67946] Fix | Delete

} = props;

[67947] Fix | Delete

const trimmedHighlightText = highlight.trim();

[67948] Fix | Delete

if (!trimmedHighlightText) {

[67949] Fix | Delete

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

[67950] Fix | Delete

children: text

[67951] Fix | Delete

});

[67952] Fix | Delete

}

[67953] Fix | Delete

const regex = new RegExp(`(${escapeRegExp(trimmedHighlightText)})`, 'gi');

[67954] Fix | Delete

return (0,external_wp_element_namespaceObject.createInterpolateElement)(text.replace(regex, '$&'), {

[67955] Fix | Delete

mark: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("mark", {})

[67956] Fix | Delete

});

[67957] Fix | Delete

};

[67958] Fix | Delete

/* harmony default export */ const text_highlight = (TextHighlight);

[67959] Fix | Delete

[67960] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/tip.js

[67961] Fix | Delete

/**

[67962] Fix | Delete

* WordPress dependencies

[67963] Fix | Delete

[67964] Fix | Delete

[67965] Fix | Delete

[67966] Fix | Delete

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

[67967] Fix | Delete

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

[67968] Fix | Delete

viewBox: "0 0 24 24",

[67969] Fix | Delete

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

[67970] Fix | Delete

d: "M12 15.8c-3.7 0-6.8-3-6.8-6.8s3-6.8 6.8-6.8c3.7 0 6.8 3 6.8 6.8s-3.1 6.8-6.8 6.8zm0-12C9.1 3.8 6.8 6.1 6.8 9s2.4 5.2 5.2 5.2c2.9 0 5.2-2.4 5.2-5.2S14.9 3.8 12 3.8zM8 17.5h8V19H8zM10 20.5h4V22h-4z"

[67971] Fix | Delete

})

[67972] Fix | Delete

});

[67973] Fix | Delete

/* harmony default export */ const library_tip = (tip);

[67974] Fix | Delete

[67975] Fix | Delete

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

[67976] Fix | Delete

/**

[67977] Fix | Delete

* WordPress dependencies

[67978] Fix | Delete

[67979] Fix | Delete

[67980] Fix | Delete

[67981] Fix | Delete

/**

[67982] Fix | Delete

* Internal dependencies

[67983] Fix | Delete

[67984] Fix | Delete

[67985] Fix | Delete

[67986] Fix | Delete

function Tip(props) {

[67987] Fix | Delete

const {

[67988] Fix | Delete

children

[67989] Fix | Delete

} = props;

[67990] Fix | Delete

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

[67991] Fix | Delete

className: "components-tip",

[67992] Fix | Delete

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

[67993] Fix | Delete

icon: library_tip

[67994] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {

[67995] Fix | Delete

children: children

[67996] Fix | Delete

})]

[67997] Fix | Delete

});

[67998] Fix | Delete

}

[67999] Fix | Delete

1 ...134 135136137 138 ...149