Edit File by line

// border style to `none` and clear the border color.

[40500] Fix | Delete

if (hasZeroWidth && !hadPreviousZeroWidth) {

[40501] Fix | Delete

// Before clearing the color and style selections, keep track of

[40502] Fix | Delete

// the current selections so they can be restored when the width

[40503] Fix | Delete

// changes to a non-zero value.

[40504] Fix | Delete

setColorSelection(border?.color);

[40505] Fix | Delete

setStyleSelection(border?.style);

[40506] Fix | Delete

[40507] Fix | Delete

// Clear the color and style border properties.

[40508] Fix | Delete

updatedBorder.color = undefined;

[40509] Fix | Delete

updatedBorder.style = 'none';

[40510] Fix | Delete

}

[40511] Fix | Delete

[40512] Fix | Delete

// Selection has changed from zero border width to non-zero width.

[40513] Fix | Delete

if (!hasZeroWidth && hadPreviousZeroWidth) {

[40514] Fix | Delete

// Restore previous border color and style selections if width

[40515] Fix | Delete

// is now not zero.

[40516] Fix | Delete

if (updatedBorder.color === undefined) {

[40517] Fix | Delete

updatedBorder.color = colorSelection;

[40518] Fix | Delete

}

[40519] Fix | Delete

if (updatedBorder.style === 'none') {

[40520] Fix | Delete

updatedBorder.style = styleSelection;

[40521] Fix | Delete

}

[40522] Fix | Delete

}

[40523] Fix | Delete

onBorderChange(updatedBorder);

[40524] Fix | Delete

}, [border, hadPreviousZeroWidth, colorSelection, styleSelection, onBorderChange]);

[40525] Fix | Delete

const onSliderChange = (0,external_wp_element_namespaceObject.useCallback)(value => {

[40526] Fix | Delete

onWidthChange(`${value}${widthUnit}`);

[40527] Fix | Delete

}, [onWidthChange, widthUnit]);

[40528] Fix | Delete

[40529] Fix | Delete

// Generate class names.

[40530] Fix | Delete

const cx = useCx();

[40531] Fix | Delete

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

[40532] Fix | Delete

return cx(borderControl, className);

[40533] Fix | Delete

}, [className, cx]);

[40534] Fix | Delete

let wrapperWidth = width;

[40535] Fix | Delete

if (isCompact) {

[40536] Fix | Delete

// Widths below represent the minimum usable width for compact controls.

[40537] Fix | Delete

// Taller controls contain greater internal padding, thus greater width.

[40538] Fix | Delete

wrapperWidth = size === '__unstable-large' ? '116px' : '90px';

[40539] Fix | Delete

}

[40540] Fix | Delete

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

[40541] Fix | Delete

const widthStyle = !!wrapperWidth && styles_wrapperWidth;

[40542] Fix | Delete

const heightStyle = wrapperHeight(computedSize);

[40543] Fix | Delete

return cx(innerWrapper(), widthStyle, heightStyle);

[40544] Fix | Delete

}, [wrapperWidth, cx, computedSize]);

[40545] Fix | Delete

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

[40546] Fix | Delete

return cx(borderSlider());

[40547] Fix | Delete

}, [cx]);

[40548] Fix | Delete

return {

[40549] Fix | Delete

...otherProps,

[40550] Fix | Delete

className: classes,

[40551] Fix | Delete

colors,

[40552] Fix | Delete

enableAlpha,

[40553] Fix | Delete

enableStyle,

[40554] Fix | Delete

innerWrapperClassName,

[40555] Fix | Delete

inputWidth: wrapperWidth,

[40556] Fix | Delete

isStyleSettable,

[40557] Fix | Delete

onBorderChange,

[40558] Fix | Delete

onSliderChange,

[40559] Fix | Delete

onWidthChange,

[40560] Fix | Delete

previousStyleSelection: styleSelection,

[40561] Fix | Delete

sliderClassName,

[40562] Fix | Delete

value: border,

[40563] Fix | Delete

widthUnit,

[40564] Fix | Delete

widthValue,

[40565] Fix | Delete

size: computedSize,

[40566] Fix | Delete

__experimentalIsRenderedInSidebar,

[40567] Fix | Delete

__next40pxDefaultSize

[40568] Fix | Delete

};

[40569] Fix | Delete

}

[40570] Fix | Delete

[40571] Fix | Delete

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

[40572] Fix | Delete

/**

[40573] Fix | Delete

* WordPress dependencies

[40574] Fix | Delete

[40575] Fix | Delete

[40576] Fix | Delete

[40577] Fix | Delete

/**

[40578] Fix | Delete

* Internal dependencies

[40579] Fix | Delete

[40580] Fix | Delete

[40581] Fix | Delete

[40582] Fix | Delete

[40583] Fix | Delete

[40584] Fix | Delete

[40585] Fix | Delete

[40586] Fix | Delete

[40587] Fix | Delete

[40588] Fix | Delete

[40589] Fix | Delete

[40590] Fix | Delete

[40591] Fix | Delete

const BorderLabel = props => {

[40592] Fix | Delete

const {

[40593] Fix | Delete

label,

[40594] Fix | Delete

hideLabelFromVision

[40595] Fix | Delete

} = props;

[40596] Fix | Delete

if (!label) {

[40597] Fix | Delete

return null;

[40598] Fix | Delete

}

[40599] Fix | Delete

return hideLabelFromVision ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(visually_hidden_component, {

[40600] Fix | Delete

as: "legend",

[40601] Fix | Delete

children: label

[40602] Fix | Delete

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

[40603] Fix | Delete

as: "legend",

[40604] Fix | Delete

children: label

[40605] Fix | Delete

});

[40606] Fix | Delete

};

[40607] Fix | Delete

const UnconnectedBorderControl = (props, forwardedRef) => {

[40608] Fix | Delete

const {

[40609] Fix | Delete

__next40pxDefaultSize = false,

[40610] Fix | Delete

colors,

[40611] Fix | Delete

disableCustomColors,

[40612] Fix | Delete

disableUnits,

[40613] Fix | Delete

enableAlpha,

[40614] Fix | Delete

enableStyle,

[40615] Fix | Delete

hideLabelFromVision,

[40616] Fix | Delete

innerWrapperClassName,

[40617] Fix | Delete

inputWidth,

[40618] Fix | Delete

isStyleSettable,

[40619] Fix | Delete

label,

[40620] Fix | Delete

onBorderChange,

[40621] Fix | Delete

onSliderChange,

[40622] Fix | Delete

onWidthChange,

[40623] Fix | Delete

placeholder,

[40624] Fix | Delete

__unstablePopoverProps,

[40625] Fix | Delete

previousStyleSelection,

[40626] Fix | Delete

showDropdownHeader,

[40627] Fix | Delete

size,

[40628] Fix | Delete

sliderClassName,

[40629] Fix | Delete

value: border,

[40630] Fix | Delete

widthUnit,

[40631] Fix | Delete

widthValue,

[40632] Fix | Delete

withSlider,

[40633] Fix | Delete

__experimentalIsRenderedInSidebar,

[40634] Fix | Delete

...otherProps

[40635] Fix | Delete

} = useBorderControl(props);

[40636] Fix | Delete

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

[40637] Fix | Delete

as: "fieldset",

[40638] Fix | Delete

...otherProps,

[40639] Fix | Delete

ref: forwardedRef,

[40640] Fix | Delete

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

[40641] Fix | Delete

label: label,

[40642] Fix | Delete

hideLabelFromVision: hideLabelFromVision

[40643] Fix | Delete

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

[40644] Fix | Delete

spacing: 4,

[40645] Fix | Delete

className: innerWrapperClassName,

[40646] Fix | Delete

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

[40647] Fix | Delete

prefix: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(border_control_dropdown_component, {

[40648] Fix | Delete

border: border,

[40649] Fix | Delete

colors: colors,

[40650] Fix | Delete

__unstablePopoverProps: __unstablePopoverProps,

[40651] Fix | Delete

disableCustomColors: disableCustomColors,

[40652] Fix | Delete

enableAlpha: enableAlpha,

[40653] Fix | Delete

enableStyle: enableStyle,

[40654] Fix | Delete

isStyleSettable: isStyleSettable,

[40655] Fix | Delete

onChange: onBorderChange,

[40656] Fix | Delete

previousStyleSelection: previousStyleSelection,

[40657] Fix | Delete

showDropdownHeader: showDropdownHeader,

[40658] Fix | Delete

__experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,

[40659] Fix | Delete

size: size

[40660] Fix | Delete

}),

[40661] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Border width'),

[40662] Fix | Delete

hideLabelFromVision: true,

[40663] Fix | Delete

min: 0,

[40664] Fix | Delete

onChange: onWidthChange,

[40665] Fix | Delete

value: border?.width || '',

[40666] Fix | Delete

placeholder: placeholder,

[40667] Fix | Delete

disableUnits: disableUnits,

[40668] Fix | Delete

__unstableInputWidth: inputWidth,

[40669] Fix | Delete

size: size

[40670] Fix | Delete

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

[40671] Fix | Delete

__nextHasNoMarginBottom: true,

[40672] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Border width'),

[40673] Fix | Delete

hideLabelFromVision: true,

[40674] Fix | Delete

className: sliderClassName,

[40675] Fix | Delete

initialPosition: 0,

[40676] Fix | Delete

max: 100,

[40677] Fix | Delete

min: 0,

[40678] Fix | Delete

onChange: onSliderChange,

[40679] Fix | Delete

step: ['px', '%'].includes(widthUnit) ? 1 : 0.1,

[40680] Fix | Delete

value: widthValue || undefined,

[40681] Fix | Delete

withInputField: false,

[40682] Fix | Delete

__next40pxDefaultSize: __next40pxDefaultSize

[40683] Fix | Delete

})]

[40684] Fix | Delete

})]

[40685] Fix | Delete

});

[40686] Fix | Delete

};

[40687] Fix | Delete

[40688] Fix | Delete

/**

[40689] Fix | Delete

* The `BorderControl` brings together internal sub-components which allow users to

[40690] Fix | Delete

* set the various properties of a border. The first sub-component, a

[40691] Fix | Delete

* `BorderDropdown` contains options representing border color and style. The

[40692] Fix | Delete

* border width is controlled via a `UnitControl` and an optional `RangeControl`.

[40693] Fix | Delete

[40694] Fix | Delete

* Border radius is not covered by this control as it may be desired separate to

[40695] Fix | Delete

* color, style, and width. For example, the border radius may be absorbed under

[40696] Fix | Delete

* a "shape" abstraction.

[40697] Fix | Delete

[40698] Fix | Delete

* ```jsx

[40699] Fix | Delete

* import { __experimentalBorderControl as BorderControl } from '@wordpress/components';

[40700] Fix | Delete

* import { __ } from '@wordpress/i18n';

[40701] Fix | Delete

[40702] Fix | Delete

* const colors = [

[40703] Fix | Delete

* { name: 'Blue 20', color: '#72aee6' },

[40704] Fix | Delete

* // ...

[40705] Fix | Delete

* ];

[40706] Fix | Delete

[40707] Fix | Delete

* const MyBorderControl = () => {

[40708] Fix | Delete

* const [ border, setBorder ] = useState();

[40709] Fix | Delete

* const onChange = ( newBorder ) => setBorder( newBorder );

[40710] Fix | Delete

[40711] Fix | Delete

* return (

[40712] Fix | Delete

* <BorderControl

[40713] Fix | Delete

* colors={ colors }

[40714] Fix | Delete

* label={ __( 'Border' ) }

[40715] Fix | Delete

* onChange={ onChange }

[40716] Fix | Delete

* value={ border }

[40717] Fix | Delete

* />

[40718] Fix | Delete

* );

[40719] Fix | Delete

* };

[40720] Fix | Delete

* ```

[40721] Fix | Delete

[40722] Fix | Delete

const BorderControl = contextConnect(UnconnectedBorderControl, 'BorderControl');

[40723] Fix | Delete

/* harmony default export */ const border_control_component = (BorderControl);

[40724] Fix | Delete

[40725] Fix | Delete

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

[40726] Fix | Delete

/**

[40727] Fix | Delete

* External dependencies

[40728] Fix | Delete

[40729] Fix | Delete

[40730] Fix | Delete

const utils_ALIGNMENTS = {

[40731] Fix | Delete

bottom: {

[40732] Fix | Delete

alignItems: 'flex-end',

[40733] Fix | Delete

justifyContent: 'center'

[40734] Fix | Delete

[40735] Fix | Delete

bottomLeft: {

[40736] Fix | Delete

alignItems: 'flex-start',

[40737] Fix | Delete

justifyContent: 'flex-end'

[40738] Fix | Delete

[40739] Fix | Delete

bottomRight: {

[40740] Fix | Delete

alignItems: 'flex-end',

[40741] Fix | Delete

justifyContent: 'flex-end'

[40742] Fix | Delete

[40743] Fix | Delete

center: {

[40744] Fix | Delete

alignItems: 'center',

[40745] Fix | Delete

justifyContent: 'center'

[40746] Fix | Delete

[40747] Fix | Delete

spaced: {

[40748] Fix | Delete

alignItems: 'center',

[40749] Fix | Delete

justifyContent: 'space-between'

[40750] Fix | Delete

[40751] Fix | Delete

left: {

[40752] Fix | Delete

alignItems: 'center',

[40753] Fix | Delete

justifyContent: 'flex-start'

[40754] Fix | Delete

[40755] Fix | Delete

right: {

[40756] Fix | Delete

alignItems: 'center',

[40757] Fix | Delete

justifyContent: 'flex-end'

[40758] Fix | Delete

[40759] Fix | Delete

stretch: {

[40760] Fix | Delete

alignItems: 'stretch'

[40761] Fix | Delete

[40762] Fix | Delete

top: {

[40763] Fix | Delete

alignItems: 'flex-start',

[40764] Fix | Delete

justifyContent: 'center'

[40765] Fix | Delete

[40766] Fix | Delete

topLeft: {

[40767] Fix | Delete

alignItems: 'flex-start',

[40768] Fix | Delete

justifyContent: 'flex-start'

[40769] Fix | Delete

[40770] Fix | Delete

topRight: {

[40771] Fix | Delete

alignItems: 'flex-start',

[40772] Fix | Delete

justifyContent: 'flex-end'

[40773] Fix | Delete

}

[40774] Fix | Delete

};

[40775] Fix | Delete

function utils_getAlignmentProps(alignment) {

[40776] Fix | Delete

const alignmentProps = alignment ? utils_ALIGNMENTS[alignment] : {};

[40777] Fix | Delete

return alignmentProps;

[40778] Fix | Delete

}

[40779] Fix | Delete

[40780] Fix | Delete

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

[40781] Fix | Delete

/**

[40782] Fix | Delete

* External dependencies

[40783] Fix | Delete

[40784] Fix | Delete

[40785] Fix | Delete

[40786] Fix | Delete

/**

[40787] Fix | Delete

* WordPress dependencies

[40788] Fix | Delete

[40789] Fix | Delete

[40790] Fix | Delete

[40791] Fix | Delete

/**

[40792] Fix | Delete

* Internal dependencies

[40793] Fix | Delete

[40794] Fix | Delete

[40795] Fix | Delete

[40796] Fix | Delete

[40797] Fix | Delete

[40798] Fix | Delete

[40799] Fix | Delete

[40800] Fix | Delete

function useGrid(props) {

[40801] Fix | Delete

const {

[40802] Fix | Delete

align,

[40803] Fix | Delete

alignment,

[40804] Fix | Delete

className,

[40805] Fix | Delete

columnGap,

[40806] Fix | Delete

columns = 2,

[40807] Fix | Delete

gap = 3,

[40808] Fix | Delete

isInline = false,

[40809] Fix | Delete

justify,

[40810] Fix | Delete

rowGap,

[40811] Fix | Delete

rows,

[40812] Fix | Delete

templateColumns,

[40813] Fix | Delete

templateRows,

[40814] Fix | Delete

...otherProps

[40815] Fix | Delete

} = useContextSystem(props, 'Grid');

[40816] Fix | Delete

const columnsAsArray = Array.isArray(columns) ? columns : [columns];

[40817] Fix | Delete

const column = useResponsiveValue(columnsAsArray);

[40818] Fix | Delete

const rowsAsArray = Array.isArray(rows) ? rows : [rows];

[40819] Fix | Delete

const row = useResponsiveValue(rowsAsArray);

[40820] Fix | Delete

const gridTemplateColumns = templateColumns || !!columns && `repeat( ${column}, 1fr )`;

[40821] Fix | Delete

const gridTemplateRows = templateRows || !!rows && `repeat( ${row}, 1fr )`;

[40822] Fix | Delete

const cx = useCx();

[40823] Fix | Delete

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

[40824] Fix | Delete

const alignmentProps = utils_getAlignmentProps(alignment);

[40825] Fix | Delete

const gridClasses = /*#__PURE__*/emotion_react_browser_esm_css({

[40826] Fix | Delete

alignItems: align,

[40827] Fix | Delete

display: isInline ? 'inline-grid' : 'grid',

[40828] Fix | Delete

gap: `calc( ${config_values.gridBase} * ${gap} )`,

[40829] Fix | Delete

gridTemplateColumns: gridTemplateColumns || undefined,

[40830] Fix | Delete

gridTemplateRows: gridTemplateRows || undefined,

[40831] Fix | Delete

gridRowGap: rowGap,

[40832] Fix | Delete

gridColumnGap: columnGap,

[40833] Fix | Delete

justifyContent: justify,

[40834] Fix | Delete

verticalAlign: isInline ? 'middle' : undefined,

[40835] Fix | Delete

...alignmentProps

[40836] Fix | Delete

}, true ? "" : 0, true ? "" : 0);

[40837] Fix | Delete

return cx(gridClasses, className);

[40838] Fix | Delete

}, [align, alignment, className, columnGap, cx, gap, gridTemplateColumns, gridTemplateRows, isInline, justify, rowGap]);

[40839] Fix | Delete

return {

[40840] Fix | Delete

...otherProps,

[40841] Fix | Delete

className: classes

[40842] Fix | Delete

};

[40843] Fix | Delete

}

[40844] Fix | Delete

[40845] Fix | Delete

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

[40846] Fix | Delete

/**

[40847] Fix | Delete

* External dependencies

[40848] Fix | Delete

[40849] Fix | Delete

[40850] Fix | Delete

/**

[40851] Fix | Delete

* Internal dependencies

[40852] Fix | Delete

[40853] Fix | Delete

[40854] Fix | Delete

[40855] Fix | Delete

[40856] Fix | Delete

[40857] Fix | Delete

[40858] Fix | Delete

function UnconnectedGrid(props, forwardedRef) {

[40859] Fix | Delete

const gridProps = useGrid(props);

[40860] Fix | Delete

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

[40861] Fix | Delete

...gridProps,

[40862] Fix | Delete

ref: forwardedRef

[40863] Fix | Delete

});

[40864] Fix | Delete

}

[40865] Fix | Delete

[40866] Fix | Delete

/**

[40867] Fix | Delete

* `Grid` is a primitive layout component that can arrange content in a grid configuration.

[40868] Fix | Delete

[40869] Fix | Delete

* ```jsx

[40870] Fix | Delete

* import {

[40871] Fix | Delete

* __experimentalGrid as Grid,

[40872] Fix | Delete

* __experimentalText as Text

[40873] Fix | Delete

* } from `@wordpress/components`;

[40874] Fix | Delete

[40875] Fix | Delete

* function Example() {

[40876] Fix | Delete

* return (

[40877] Fix | Delete

* <Grid columns={ 3 }>

[40878] Fix | Delete

* <Text>Code</Text>

[40879] Fix | Delete

* <Text>is</Text>

[40880] Fix | Delete

* <Text>Poetry</Text>

[40881] Fix | Delete

* </Grid>

[40882] Fix | Delete

* );

[40883] Fix | Delete

* }

[40884] Fix | Delete

* ```

[40885] Fix | Delete

[40886] Fix | Delete

const Grid = contextConnect(UnconnectedGrid, 'Grid');

[40887] Fix | Delete

/* harmony default export */ const grid_component = (Grid);

[40888] Fix | Delete

[40889] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/border-box-control/border-box-control-split-controls/hook.js

[40890] Fix | Delete

/**

[40891] Fix | Delete

* WordPress dependencies

[40892] Fix | Delete

[40893] Fix | Delete

[40894] Fix | Delete

[40895] Fix | Delete

/**

[40896] Fix | Delete

* Internal dependencies

[40897] Fix | Delete

[40898] Fix | Delete

[40899] Fix | Delete

[40900] Fix | Delete

[40901] Fix | Delete

function useBorderBoxControlSplitControls(props) {

[40902] Fix | Delete

const {

[40903] Fix | Delete

className,

[40904] Fix | Delete

colors = [],

[40905] Fix | Delete

enableAlpha = false,

[40906] Fix | Delete

enableStyle = true,

[40907] Fix | Delete

size = 'default',

[40908] Fix | Delete

__experimentalIsRenderedInSidebar = false,

[40909] Fix | Delete

...otherProps

[40910] Fix | Delete

} = useContextSystem(props, 'BorderBoxControlSplitControls');

[40911] Fix | Delete

[40912] Fix | Delete

// Generate class names.

[40913] Fix | Delete

const cx = useCx();

[40914] Fix | Delete

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

[40915] Fix | Delete

return cx(borderBoxControlSplitControls(size), className);

[40916] Fix | Delete

}, [cx, className, size]);

[40917] Fix | Delete

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

[40918] Fix | Delete

return cx(centeredBorderControl, className);

[40919] Fix | Delete

}, [cx, className]);

[40920] Fix | Delete

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

[40921] Fix | Delete

return cx(rightBorderControl(), className);

[40922] Fix | Delete

}, [cx, className]);

[40923] Fix | Delete

return {

[40924] Fix | Delete

...otherProps,

[40925] Fix | Delete

centeredClassName,

[40926] Fix | Delete

className: classes,

[40927] Fix | Delete

colors,

[40928] Fix | Delete

enableAlpha,

[40929] Fix | Delete

enableStyle,

[40930] Fix | Delete

rightAlignedClassName,

[40931] Fix | Delete

size,

[40932] Fix | Delete

__experimentalIsRenderedInSidebar

[40933] Fix | Delete

};

[40934] Fix | Delete

}

[40935] Fix | Delete

[40936] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/border-box-control/border-box-control-split-controls/component.js

[40937] Fix | Delete

/**

[40938] Fix | Delete

* WordPress dependencies

[40939] Fix | Delete

[40940] Fix | Delete

[40941] Fix | Delete

[40942] Fix | Delete

[40943] Fix | Delete

[40944] Fix | Delete

/**

[40945] Fix | Delete

* Internal dependencies

[40946] Fix | Delete

[40947] Fix | Delete

[40948] Fix | Delete

[40949] Fix | Delete

[40950] Fix | Delete

[40951] Fix | Delete

[40952] Fix | Delete

[40953] Fix | Delete

[40954] Fix | Delete

const BorderBoxControlSplitControls = (props, forwardedRef) => {

[40955] Fix | Delete

const {

[40956] Fix | Delete

centeredClassName,

[40957] Fix | Delete

colors,

[40958] Fix | Delete

disableCustomColors,

[40959] Fix | Delete

enableAlpha,

[40960] Fix | Delete

enableStyle,

[40961] Fix | Delete

onChange,

[40962] Fix | Delete

popoverPlacement,

[40963] Fix | Delete

popoverOffset,

[40964] Fix | Delete

rightAlignedClassName,

[40965] Fix | Delete

size = 'default',

[40966] Fix | Delete

value,

[40967] Fix | Delete

__experimentalIsRenderedInSidebar,

[40968] Fix | Delete

...otherProps

[40969] Fix | Delete

} = useBorderBoxControlSplitControls(props);

[40970] Fix | Delete

[40971] Fix | Delete

// Use internal state instead of a ref to make sure that the component

[40972] Fix | Delete

// re-renders when the popover's anchor updates.

[40973] Fix | Delete

const [popoverAnchor, setPopoverAnchor] = (0,external_wp_element_namespaceObject.useState)(null);

[40974] Fix | Delete

[40975] Fix | Delete

// Memoize popoverProps to avoid returning a new object every time.

[40976] Fix | Delete

const popoverProps = (0,external_wp_element_namespaceObject.useMemo)(() => popoverPlacement ? {

[40977] Fix | Delete

placement: popoverPlacement,

[40978] Fix | Delete

offset: popoverOffset,

[40979] Fix | Delete

anchor: popoverAnchor,

[40980] Fix | Delete

shift: true

[40981] Fix | Delete

} : undefined, [popoverPlacement, popoverOffset, popoverAnchor]);

[40982] Fix | Delete

const sharedBorderControlProps = {

[40983] Fix | Delete

colors,

[40984] Fix | Delete

disableCustomColors,

[40985] Fix | Delete

enableAlpha,

[40986] Fix | Delete

enableStyle,

[40987] Fix | Delete

isCompact: true,

[40988] Fix | Delete

__experimentalIsRenderedInSidebar,

[40989] Fix | Delete

size

[40990] Fix | Delete

};

[40991] Fix | Delete

const mergedRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([setPopoverAnchor, forwardedRef]);

[40992] Fix | Delete

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

[40993] Fix | Delete

...otherProps,

[40994] Fix | Delete

ref: mergedRef,

[40995] Fix | Delete

gap: 4,

[40996] Fix | Delete

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

[40997] Fix | Delete

value: value,

[40998] Fix | Delete

size: size

[40999] Fix | Delete

1 ...80 818283 84 ...149