33 lines
793 B
TypeScript
33 lines
793 B
TypeScript
|
/* eslint-disable @wordpress/no-unsafe-wp-apis */
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import { __experimentalUseBorderProps } from '@wordpress/block-editor';
|
||
|
|
import { isFeaturePluginBuild } from '@woocommerce/block-settings';
|
||
|
|
import { isObject } from '@woocommerce/types';
|
||
|
|
import { parseStyle } from '@woocommerce/base-utils';
|
||
|
|
|
||
|
|
type WithClass = {
|
||
|
|
className: string;
|
||
|
|
};
|
||
|
|
|
||
|
|
type WithStyle = {
|
||
|
|
style: Record< string, unknown >;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const useBorderProps = (
|
||
|
|
attributes: unknown
|
||
|
|
): WithStyle & WithClass => {
|
||
|
|
if ( ! isFeaturePluginBuild() ) {
|
||
|
|
return {
|
||
|
|
className: '',
|
||
|
|
style: {},
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
const attributesObject = isObject( attributes ) ? attributes : {};
|
||
|
|
const style = parseStyle( attributesObject.style );
|
||
|
|
|
||
|
|
return __experimentalUseBorderProps( { ...attributesObject, style } );
|
||
|
|
};
|