[59500] Fix | Delete

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

[59501] Fix | Delete

/**

[59502] Fix | Delete

* External dependencies

[59503] Fix | Delete

*/

[59504] Fix | Delete

[59505] Fix | Delete

/**

[59506] Fix | Delete

* WordPress dependencies

[59507] Fix | Delete

*/

[59508] Fix | Delete

[59509] Fix | Delete

[59510] Fix | Delete

/**

[59511] Fix | Delete

* Internal dependencies

[59512] Fix | Delete

*/

[59513] Fix | Delete

[59514] Fix | Delete

[59515] Fix | Delete

[59516] Fix | Delete

function UnforwardedToggleGroupControlOption(props, ref) {

[59517] Fix | Delete

const {

[59518] Fix | Delete

label,

[59519] Fix | Delete

...restProps

[59520] Fix | Delete

} = props;

[59521] Fix | Delete

const optionLabel = restProps['aria-label'] || label;

[59522] Fix | Delete

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

[59523] Fix | Delete

...restProps,

[59524] Fix | Delete

"aria-label": optionLabel,

[59525] Fix | Delete

ref: ref,

[59526] Fix | Delete

children: label

[59527] Fix | Delete

});

[59528] Fix | Delete

}

[59529] Fix | Delete

[59530] Fix | Delete

/**

[59531] Fix | Delete

* `ToggleGroupControlOption` is a form component and is meant to be used as a

[59532] Fix | Delete

* child of `ToggleGroupControl`.

[59533] Fix | Delete

*

[59534] Fix | Delete

* ```jsx

[59535] Fix | Delete

* import {

[59536] Fix | Delete

* __experimentalToggleGroupControl as ToggleGroupControl,

[59537] Fix | Delete

* __experimentalToggleGroupControlOption as ToggleGroupControlOption,

[59538] Fix | Delete

* } from '@wordpress/components';

[59539] Fix | Delete

*

[59540] Fix | Delete

* function Example() {

[59541] Fix | Delete

* return (

[59542] Fix | Delete

* <ToggleGroupControl label="my label" value="vertical" isBlock>

[59543] Fix | Delete

* <ToggleGroupControlOption value="horizontal" label="Horizontal" />

[59544] Fix | Delete

* <ToggleGroupControlOption value="vertical" label="Vertical" />

[59545] Fix | Delete

* </ToggleGroupControl>

[59546] Fix | Delete

* );

[59547] Fix | Delete

* }

[59548] Fix | Delete

* ```

[59549] Fix | Delete

*/

[59550] Fix | Delete

const ToggleGroupControlOption = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedToggleGroupControlOption);

[59551] Fix | Delete

/* harmony default export */ const toggle_group_control_option_component = (ToggleGroupControlOption);

[59552] Fix | Delete

[59553] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/font-size-picker/constants.js

[59554] Fix | Delete

/**

[59555] Fix | Delete

* WordPress dependencies

[59556] Fix | Delete

*/

[59557] Fix | Delete

[59558] Fix | Delete

[59559] Fix | Delete

/**

[59560] Fix | Delete

* List of T-shirt abbreviations.

[59561] Fix | Delete

*

[59562] Fix | Delete

* When there are 5 font sizes or fewer, we assume that the font sizes are

[59563] Fix | Delete

* ordered by size and show T-shirt labels.

[59564] Fix | Delete

*/

[59565] Fix | Delete

const T_SHIRT_ABBREVIATIONS = [/* translators: S stands for 'small' and is a size label. */

[59566] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('S'), /* translators: M stands for 'medium' and is a size label. */

[59567] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('M'), /* translators: L stands for 'large' and is a size label. */

[59568] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('L'), /* translators: XL stands for 'extra large' and is a size label. */

[59569] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('XL'), /* translators: XXL stands for 'extra extra large' and is a size label. */

[59570] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('XXL')];

[59571] Fix | Delete

[59572] Fix | Delete

/**

[59573] Fix | Delete

* List of T-shirt names.

[59574] Fix | Delete

*

[59575] Fix | Delete

* When there are 5 font sizes or fewer, we assume that the font sizes are

[59576] Fix | Delete

* ordered by size and show T-shirt labels.

[59577] Fix | Delete

*/

[59578] Fix | Delete

const T_SHIRT_NAMES = [(0,external_wp_i18n_namespaceObject.__)('Small'), (0,external_wp_i18n_namespaceObject.__)('Medium'), (0,external_wp_i18n_namespaceObject.__)('Large'), (0,external_wp_i18n_namespaceObject.__)('Extra Large'), (0,external_wp_i18n_namespaceObject.__)('Extra Extra Large')];

[59579] Fix | Delete

[59580] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/font-size-picker/font-size-picker-toggle-group.js

[59581] Fix | Delete

/**

[59582] Fix | Delete

* WordPress dependencies

[59583] Fix | Delete

*/

[59584] Fix | Delete

[59585] Fix | Delete

[59586] Fix | Delete

/**

[59587] Fix | Delete

* Internal dependencies

[59588] Fix | Delete

*/

[59589] Fix | Delete

[59590] Fix | Delete

[59591] Fix | Delete

[59592] Fix | Delete

const FontSizePickerToggleGroup = props => {

[59593] Fix | Delete

const {

[59594] Fix | Delete

fontSizes,

[59595] Fix | Delete

value,

[59596] Fix | Delete

__next40pxDefaultSize,

[59597] Fix | Delete

size,

[59598] Fix | Delete

onChange

[59599] Fix | Delete

} = props;

[59600] Fix | Delete

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

[59601] Fix | Delete

__nextHasNoMarginBottom: true,

[59602] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[59603] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Font size'),

[59604] Fix | Delete

hideLabelFromVision: true,

[59605] Fix | Delete

value: value,

[59606] Fix | Delete

onChange: onChange,

[59607] Fix | Delete

isBlock: true,

[59608] Fix | Delete

size: size,

[59609] Fix | Delete

children: fontSizes.map((fontSize, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(toggle_group_control_option_component, {

[59610] Fix | Delete

value: fontSize.size,

[59611] Fix | Delete

label: T_SHIRT_ABBREVIATIONS[index],

[59612] Fix | Delete

"aria-label": fontSize.name || T_SHIRT_NAMES[index],

[59613] Fix | Delete

showTooltip: true

[59614] Fix | Delete

}, fontSize.slug))

[59615] Fix | Delete

});

[59616] Fix | Delete

};

[59617] Fix | Delete

/* harmony default export */ const font_size_picker_toggle_group = (FontSizePickerToggleGroup);

[59618] Fix | Delete

[59619] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/font-size-picker/index.js

[59620] Fix | Delete

/**

[59621] Fix | Delete

* External dependencies

[59622] Fix | Delete

*/

[59623] Fix | Delete

[59624] Fix | Delete

/**

[59625] Fix | Delete

* WordPress dependencies

[59626] Fix | Delete

*/

[59627] Fix | Delete

[59628] Fix | Delete

[59629] Fix | Delete

[59630] Fix | Delete

[59631] Fix | Delete

/**

[59632] Fix | Delete

* Internal dependencies

[59633] Fix | Delete

*/

[59634] Fix | Delete

[59635] Fix | Delete

[59636] Fix | Delete

[59637] Fix | Delete

[59638] Fix | Delete

[59639] Fix | Delete

[59640] Fix | Delete

[59641] Fix | Delete

[59642] Fix | Delete

[59643] Fix | Delete

[59644] Fix | Delete

[59645] Fix | Delete

[59646] Fix | Delete

[59647] Fix | Delete

const DEFAULT_UNITS = ['px', 'em', 'rem', 'vw', 'vh'];

[59648] Fix | Delete

const UnforwardedFontSizePicker = (props, ref) => {

[59649] Fix | Delete

const {

[59650] Fix | Delete

__next40pxDefaultSize = false,

[59651] Fix | Delete

fallbackFontSize,

[59652] Fix | Delete

fontSizes = [],

[59653] Fix | Delete

disableCustomFontSizes = false,

[59654] Fix | Delete

onChange,

[59655] Fix | Delete

size = 'default',

[59656] Fix | Delete

units: unitsProp = DEFAULT_UNITS,

[59657] Fix | Delete

value,

[59658] Fix | Delete

withSlider = false,

[59659] Fix | Delete

withReset = true

[59660] Fix | Delete

} = props;

[59661] Fix | Delete

const units = useCustomUnits({

[59662] Fix | Delete

availableUnits: unitsProp

[59663] Fix | Delete

});

[59664] Fix | Delete

const shouldUseSelectControl = fontSizes.length > 5;

[59665] Fix | Delete

const selectedFontSize = fontSizes.find(fontSize => fontSize.size === value);

[59666] Fix | Delete

const isCustomValue = !!value && !selectedFontSize;

[59667] Fix | Delete

const [showCustomValueControl, setShowCustomValueControl] = (0,external_wp_element_namespaceObject.useState)(!disableCustomFontSizes && isCustomValue);

[59668] Fix | Delete

const headerHint = (0,external_wp_element_namespaceObject.useMemo)(() => {

[59669] Fix | Delete

if (showCustomValueControl) {

[59670] Fix | Delete

return (0,external_wp_i18n_namespaceObject.__)('Custom');

[59671] Fix | Delete

}

[59672] Fix | Delete

if (!shouldUseSelectControl) {

[59673] Fix | Delete

if (selectedFontSize) {

[59674] Fix | Delete

return selectedFontSize.name || T_SHIRT_NAMES[fontSizes.indexOf(selectedFontSize)];

[59675] Fix | Delete

}

[59676] Fix | Delete

return '';

[59677] Fix | Delete

}

[59678] Fix | Delete

const commonUnit = getCommonSizeUnit(fontSizes);

[59679] Fix | Delete

if (commonUnit) {

[59680] Fix | Delete

return `(${commonUnit})`;

[59681] Fix | Delete

}

[59682] Fix | Delete

return '';

[59683] Fix | Delete

}, [showCustomValueControl, shouldUseSelectControl, selectedFontSize, fontSizes]);

[59684] Fix | Delete

if (fontSizes.length === 0 && disableCustomFontSizes) {

[59685] Fix | Delete

return null;

[59686] Fix | Delete

}

[59687] Fix | Delete

[59688] Fix | Delete

// If neither the value or first font size is a string, then FontSizePicker

[59689] Fix | Delete

// operates in a legacy "unitless" mode where UnitControl can only be used

[59690] Fix | Delete

// to select px values and onChange() is always called with number values.

[59691] Fix | Delete

const hasUnits = typeof value === 'string' || typeof fontSizes[0]?.size === 'string';

[59692] Fix | Delete

const [valueQuantity, valueUnit] = parseQuantityAndUnitFromRawValue(value, units);

[59693] Fix | Delete

const isValueUnitRelative = !!valueUnit && ['em', 'rem', 'vw', 'vh'].includes(valueUnit);

[59694] Fix | Delete

const isDisabled = value === undefined;

[59695] Fix | Delete

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

[59696] Fix | Delete

ref: ref,

[59697] Fix | Delete

className: "components-font-size-picker",

[59698] Fix | Delete

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

[59699] Fix | Delete

as: "legend",

[59700] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Font size')

[59701] Fix | Delete

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

[59702] Fix | Delete

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

[59703] Fix | Delete

className: "components-font-size-picker__header",

[59704] Fix | Delete

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

[59705] Fix | Delete

"aria-label": `${(0,external_wp_i18n_namespaceObject.__)('Size')} ${headerHint || ''}`,

[59706] Fix | Delete

children: [(0,external_wp_i18n_namespaceObject.__)('Size'), headerHint && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(HeaderHint, {

[59707] Fix | Delete

className: "components-font-size-picker__header__hint",

[59708] Fix | Delete

children: headerHint

[59709] Fix | Delete

})]

[59710] Fix | Delete

}), !disableCustomFontSizes && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(HeaderToggle, {

[59711] Fix | Delete

label: showCustomValueControl ? (0,external_wp_i18n_namespaceObject.__)('Use size preset') : (0,external_wp_i18n_namespaceObject.__)('Set custom size'),

[59712] Fix | Delete

icon: library_settings,

[59713] Fix | Delete

onClick: () => {

[59714] Fix | Delete

setShowCustomValueControl(!showCustomValueControl);

[59715] Fix | Delete

},

[59716] Fix | Delete

isPressed: showCustomValueControl,

[59717] Fix | Delete

size: "small"

[59718] Fix | Delete

})]

[59719] Fix | Delete

})

[59720] Fix | Delete

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

[59721] Fix | Delete

children: [!!fontSizes.length && shouldUseSelectControl && !showCustomValueControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(font_size_picker_select, {

[59722] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[59723] Fix | Delete

fontSizes: fontSizes,

[59724] Fix | Delete

value: value,

[59725] Fix | Delete

disableCustomFontSizes: disableCustomFontSizes,

[59726] Fix | Delete

size: size,

[59727] Fix | Delete

onChange: newValue => {

[59728] Fix | Delete

if (newValue === undefined) {

[59729] Fix | Delete

onChange?.(undefined);

[59730] Fix | Delete

} else {

[59731] Fix | Delete

onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find(fontSize => fontSize.size === newValue));

[59732] Fix | Delete

}

[59733] Fix | Delete

},

[59734] Fix | Delete

onSelectCustom: () => setShowCustomValueControl(true)

[59735] Fix | Delete

}), !shouldUseSelectControl && !showCustomValueControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(font_size_picker_toggle_group, {

[59736] Fix | Delete

fontSizes: fontSizes,

[59737] Fix | Delete

value: value,

[59738] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[59739] Fix | Delete

size: size,

[59740] Fix | Delete

onChange: newValue => {

[59741] Fix | Delete

if (newValue === undefined) {

[59742] Fix | Delete

onChange?.(undefined);

[59743] Fix | Delete

} else {

[59744] Fix | Delete

onChange?.(hasUnits ? newValue : Number(newValue), fontSizes.find(fontSize => fontSize.size === newValue));

[59745] Fix | Delete

}

[59746] Fix | Delete

}

[59747] Fix | Delete

}), !disableCustomFontSizes && showCustomValueControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(flex_component, {

[59748] Fix | Delete

className: "components-font-size-picker__custom-size-control",

[59749] Fix | Delete

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

[59750] Fix | Delete

isBlock: true,

[59751] Fix | Delete

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

[59752] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[59753] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Custom'),

[59754] Fix | Delete

labelPosition: "top",

[59755] Fix | Delete

hideLabelFromVision: true,

[59756] Fix | Delete

value: value,

[59757] Fix | Delete

onChange: newValue => {

[59758] Fix | Delete

if (newValue === undefined) {

[59759] Fix | Delete

onChange?.(undefined);

[59760] Fix | Delete

} else {

[59761] Fix | Delete

onChange?.(hasUnits ? newValue : parseInt(newValue, 10));

[59762] Fix | Delete

}

[59763] Fix | Delete

},

[59764] Fix | Delete

size: size,

[59765] Fix | Delete

units: hasUnits ? units : [],

[59766] Fix | Delete

min: 0

[59767] Fix | Delete

})

[59768] Fix | Delete

}), withSlider && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(flex_item_component, {

[59769] Fix | Delete

isBlock: true,

[59770] Fix | Delete

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

[59771] Fix | Delete

marginX: 2,

[59772] Fix | Delete

marginBottom: 0,

[59773] Fix | Delete

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

[59774] Fix | Delete

__nextHasNoMarginBottom: true,

[59775] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize,

[59776] Fix | Delete

className: "components-font-size-picker__custom-input",

[59777] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Custom Size'),

[59778] Fix | Delete

hideLabelFromVision: true,

[59779] Fix | Delete

value: valueQuantity,

[59780] Fix | Delete

initialPosition: fallbackFontSize,

[59781] Fix | Delete

withInputField: false,

[59782] Fix | Delete

onChange: newValue => {

[59783] Fix | Delete

if (newValue === undefined) {

[59784] Fix | Delete

onChange?.(undefined);

[59785] Fix | Delete

} else if (hasUnits) {

[59786] Fix | Delete

onChange?.(newValue + (valueUnit !== null && valueUnit !== void 0 ? valueUnit : 'px'));

[59787] Fix | Delete

} else {

[59788] Fix | Delete

onChange?.(newValue);

[59789] Fix | Delete

}

[59790] Fix | Delete

},

[59791] Fix | Delete

min: 0,

[59792] Fix | Delete

max: isValueUnitRelative ? 10 : 100,

[59793] Fix | Delete

step: isValueUnitRelative ? 0.1 : 1

[59794] Fix | Delete

})

[59795] Fix | Delete

})

[59796] Fix | Delete

}), withReset && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(flex_item_component, {

[59797] Fix | Delete

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

[59798] Fix | Delete

disabled: isDisabled,

[59799] Fix | Delete

__experimentalIsFocusable: true,

[59800] Fix | Delete

onClick: () => {

[59801] Fix | Delete

onChange?.(undefined);

[59802] Fix | Delete

},

[59803] Fix | Delete

variant: "secondary",

[59804] Fix | Delete

__next40pxDefaultSize: true,

[59805] Fix | Delete

size: size === '__unstable-large' || props.__next40pxDefaultSize ? 'default' : 'small',

[59806] Fix | Delete

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

[59807] Fix | Delete

})

[59808] Fix | Delete

})]

[59809] Fix | Delete

})]

[59810] Fix | Delete

})]

[59811] Fix | Delete

});

[59812] Fix | Delete

};

[59813] Fix | Delete

const FontSizePicker = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedFontSizePicker);

[59814] Fix | Delete

/* harmony default export */ const font_size_picker = (FontSizePicker);

[59815] Fix | Delete

[59816] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-file-upload/index.js

[59817] Fix | Delete

/**

[59818] Fix | Delete

* WordPress dependencies

[59819] Fix | Delete

*/

[59820] Fix | Delete

[59821] Fix | Delete

[59822] Fix | Delete

/**

[59823] Fix | Delete

* Internal dependencies

[59824] Fix | Delete

*/

[59825] Fix | Delete

[59826] Fix | Delete

[59827] Fix | Delete

[59828] Fix | Delete

/**

[59829] Fix | Delete

* FormFileUpload is a component that allows users to select files from their local device.

[59830] Fix | Delete

*

[59831] Fix | Delete

* ```jsx

[59832] Fix | Delete

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

[59833] Fix | Delete

*

[59834] Fix | Delete

* const MyFormFileUpload = () => (

[59835] Fix | Delete

* <FormFileUpload

[59836] Fix | Delete

* accept="image/*"

[59837] Fix | Delete

* onChange={ ( event ) => console.log( event.currentTarget.files ) }

[59838] Fix | Delete

* >

[59839] Fix | Delete

* Upload

[59840] Fix | Delete

* </FormFileUpload>

[59841] Fix | Delete

* );

[59842] Fix | Delete

* ```

[59843] Fix | Delete

*/

[59844] Fix | Delete

function FormFileUpload({

[59845] Fix | Delete

accept,

[59846] Fix | Delete

children,

[59847] Fix | Delete

multiple = false,

[59848] Fix | Delete

onChange,

[59849] Fix | Delete

onClick,

[59850] Fix | Delete

render,

[59851] Fix | Delete

...props

[59852] Fix | Delete

}) {

[59853] Fix | Delete

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

[59854] Fix | Delete

const openFileDialog = () => {

[59855] Fix | Delete

ref.current?.click();

[59856] Fix | Delete

};

[59857] Fix | Delete

const ui = render ? render({

[59858] Fix | Delete

openFileDialog

[59859] Fix | Delete

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

[59860] Fix | Delete

onClick: openFileDialog,

[59861] Fix | Delete

...props,

[59862] Fix | Delete

children: children

[59863] Fix | Delete

});

[59864] Fix | Delete

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

[59865] Fix | Delete

className: "components-form-file-upload",

[59866] Fix | Delete

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

[59867] Fix | Delete

type: "file",

[59868] Fix | Delete

ref: ref,

[59869] Fix | Delete

multiple: multiple,

[59870] Fix | Delete

style: {

[59871] Fix | Delete

display: 'none'

[59872] Fix | Delete

},

[59873] Fix | Delete

accept: accept,

[59874] Fix | Delete

onChange: onChange,

[59875] Fix | Delete

onClick: onClick,

[59876] Fix | Delete

"data-testid": "form-file-upload-input"

[59877] Fix | Delete

})]

[59878] Fix | Delete

});

[59879] Fix | Delete

}

[59880] Fix | Delete

/* harmony default export */ const form_file_upload = (FormFileUpload);

[59881] Fix | Delete

[59882] Fix | Delete

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

[59883] Fix | Delete

/**

[59884] Fix | Delete

* External dependencies

[59885] Fix | Delete

*/

[59886] Fix | Delete

[59887] Fix | Delete

/**

[59888] Fix | Delete

* WordPress dependencies

[59889] Fix | Delete

*/

[59890] Fix | Delete

[59891] Fix | Delete

[59892] Fix | Delete

/**

[59893] Fix | Delete

* Internal dependencies

[59894] Fix | Delete

*/

[59895] Fix | Delete

[59896] Fix | Delete

[59897] Fix | Delete

const form_toggle_noop = () => {};

[59898] Fix | Delete

[59899] Fix | Delete

/**

[59900] Fix | Delete

* FormToggle switches a single setting on or off.

[59901] Fix | Delete

*

[59902] Fix | Delete

* ```jsx

[59903] Fix | Delete

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

[59904] Fix | Delete

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

[59905] Fix | Delete

*

[59906] Fix | Delete

* const MyFormToggle = () => {

[59907] Fix | Delete

* const [ isChecked, setChecked ] = useState( true );

[59908] Fix | Delete

*

[59909] Fix | Delete

* return (

[59910] Fix | Delete

* <FormToggle

[59911] Fix | Delete

* checked={ isChecked }

[59912] Fix | Delete

* onChange={ () => setChecked( ( state ) => ! state ) }

[59913] Fix | Delete

* />

[59914] Fix | Delete

* );

[59915] Fix | Delete

* };

[59916] Fix | Delete

* ```

[59917] Fix | Delete

*/

[59918] Fix | Delete

function FormToggle(props, ref) {

[59919] Fix | Delete

const {

[59920] Fix | Delete

className,

[59921] Fix | Delete

checked,

[59922] Fix | Delete

id,

[59923] Fix | Delete

disabled,

[59924] Fix | Delete

onChange = form_toggle_noop,

[59925] Fix | Delete

...additionalProps

[59926] Fix | Delete

} = props;

[59927] Fix | Delete

const wrapperClasses = dist_clsx('components-form-toggle', className, {

[59928] Fix | Delete

'is-checked': checked,

[59929] Fix | Delete

'is-disabled': disabled

[59930] Fix | Delete

});

[59931] Fix | Delete

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

[59932] Fix | Delete

className: wrapperClasses,

[59933] Fix | Delete

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

[59934] Fix | Delete

className: "components-form-toggle__input",

[59935] Fix | Delete

id: id,

[59936] Fix | Delete

type: "checkbox",

[59937] Fix | Delete

checked: checked,

[59938] Fix | Delete

onChange: onChange,

[59939] Fix | Delete

disabled: disabled,

[59940] Fix | Delete

...additionalProps,

[59941] Fix | Delete

ref: ref

[59942] Fix | Delete

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

[59943] Fix | Delete

className: "components-form-toggle__track"

[59944] Fix | Delete

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

[59945] Fix | Delete

className: "components-form-toggle__thumb"

[59946] Fix | Delete

})]

[59947] Fix | Delete

});

[59948] Fix | Delete

}

[59949] Fix | Delete

/* harmony default export */ const form_toggle = ((0,external_wp_element_namespaceObject.forwardRef)(FormToggle));

[59950] Fix | Delete

[59951] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/form-token-field/token.js

[59952] Fix | Delete

/**

[59953] Fix | Delete

* External dependencies

[59954] Fix | Delete

*/

[59955] Fix | Delete

[59956] Fix | Delete

[59957] Fix | Delete

/**

[59958] Fix | Delete

* WordPress dependencies

[59959] Fix | Delete

*/

[59960] Fix | Delete

[59961] Fix | Delete

[59962] Fix | Delete

[59963] Fix | Delete

[59964] Fix | Delete

/**

[59965] Fix | Delete

* Internal dependencies

[59966] Fix | Delete

*/

[59967] Fix | Delete

[59968] Fix | Delete

[59969] Fix | Delete

[59970] Fix | Delete

[59971] Fix | Delete

const token_noop = () => {};

[59972] Fix | Delete

function Token({

[59973] Fix | Delete

value,

[59974] Fix | Delete

status,

[59975] Fix | Delete

title,

[59976] Fix | Delete

displayTransform,

[59977] Fix | Delete

isBorderless = false,

[59978] Fix | Delete

disabled = false,

[59979] Fix | Delete

onClickRemove = token_noop,

[59980] Fix | Delete

onMouseEnter,

[59981] Fix | Delete

onMouseLeave,

[59982] Fix | Delete

messages,

[59983] Fix | Delete

termPosition,

[59984] Fix | Delete

termsCount

[59985] Fix | Delete

}) {

[59986] Fix | Delete

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

[59987] Fix | Delete

const tokenClasses = dist_clsx('components-form-token-field__token', {

[59988] Fix | Delete

'is-error': 'error' === status,

[59989] Fix | Delete

'is-success': 'success' === status,

[59990] Fix | Delete

'is-validating': 'validating' === status,

[59991] Fix | Delete

'is-borderless': isBorderless,

[59992] Fix | Delete

'is-disabled': disabled

[59993] Fix | Delete

});

[59994] Fix | Delete

const onClick = () => onClickRemove({

[59995] Fix | Delete

value

[59996] Fix | Delete

});

[59997] Fix | Delete

const transformedValue = displayTransform(value);

[59998] Fix | Delete

const termPositionAndCount = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: term name, 2: term position in a set of terms, 3: total term set count. */

[59999] Fix | Delete