63 lines
2.6 KiB
JavaScript
63 lines
2.6 KiB
JavaScript
|
import * as React from 'react';
|
||
|
|
import { labelProperties, audioProperties, videoProperties, olProperties, liProperties, anchorProperties, buttonProperties, inputProperties, textAreaProperties, selectProperties, optionProperties, tableProperties, trProperties, thProperties, tdProperties, colGroupProperties, colProperties, fieldsetProperties, formProperties, iframeProperties, imgProperties, htmlElementProperties, getNativeProps, timeProperties, dialogProperties } from './properties';
|
||
|
|
const nativeElementMap = {
|
||
|
|
label: labelProperties,
|
||
|
|
audio: audioProperties,
|
||
|
|
video: videoProperties,
|
||
|
|
ol: olProperties,
|
||
|
|
li: liProperties,
|
||
|
|
a: anchorProperties,
|
||
|
|
button: buttonProperties,
|
||
|
|
input: inputProperties,
|
||
|
|
textarea: textAreaProperties,
|
||
|
|
select: selectProperties,
|
||
|
|
option: optionProperties,
|
||
|
|
table: tableProperties,
|
||
|
|
tr: trProperties,
|
||
|
|
th: thProperties,
|
||
|
|
td: tdProperties,
|
||
|
|
colGroup: colGroupProperties,
|
||
|
|
col: colProperties,
|
||
|
|
fieldset: fieldsetProperties,
|
||
|
|
form: formProperties,
|
||
|
|
iframe: iframeProperties,
|
||
|
|
img: imgProperties,
|
||
|
|
time: timeProperties,
|
||
|
|
dialog: dialogProperties
|
||
|
|
};
|
||
|
|
/**
|
||
|
|
* Given an element tagname and user props, filters the props to only allowed props for the given
|
||
|
|
* element type.
|
||
|
|
* @param tagName - Tag name (e.g. "div")
|
||
|
|
* @param props - Props object
|
||
|
|
* @param excludedPropNames - List of props to disallow
|
||
|
|
*
|
||
|
|
* @deprecated use getIntrinsicElementProps instead, it is a type-safe version of this method
|
||
|
|
*/ // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||
|
|
export function getNativeElementProps(tagName, props, excludedPropNames) {
|
||
|
|
const allowedPropNames = tagName && nativeElementMap[tagName] || htmlElementProperties;
|
||
|
|
allowedPropNames.as = 1;
|
||
|
|
return getNativeProps(props, allowedPropNames, excludedPropNames);
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Splits the native props into ones that go to the `root` slot, and ones that go to the primary slot.
|
||
|
|
*
|
||
|
|
* This function is only for use with components that have a primary slot other than `root`.
|
||
|
|
* Most components should use {@link getNativeElementProps} for their root slot if it is the primary slot.
|
||
|
|
*
|
||
|
|
* @returns An object containing the native props for the `root` and primary slots.
|
||
|
|
*/ export const getPartitionedNativeProps = ({ primarySlotTagName, props, excludedPropNames })=>{
|
||
|
|
return {
|
||
|
|
root: {
|
||
|
|
style: props.style,
|
||
|
|
className: props.className
|
||
|
|
},
|
||
|
|
// eslint-disable-next-line deprecation/deprecation
|
||
|
|
primary: getNativeElementProps(primarySlotTagName, props, [
|
||
|
|
...excludedPropNames || [],
|
||
|
|
'style',
|
||
|
|
'className'
|
||
|
|
])
|
||
|
|
};
|
||
|
|
};
|