devextreme-react
Version:
DevExtreme React UI and Visualization Components
83 lines (81 loc) • 2.47 kB
JavaScript
/*!
* devextreme-react
* Version: 24.2.6
* Build date: Mon Mar 17 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-react
*/
const elementPropNames = ['style', 'id'];
const classNamePropName = 'className';
const refPropName = ['dropZone', 'dialogTrigger'];
const internalProps = {
WidgetClass: {},
isPortalComponent: false,
defaults: {},
templateProps: [],
expectedChildren: {},
subscribableOptions: [],
independentEvents: [],
useRequestAnimationFrameFlag: false,
clearExtensions: () => undefined,
renderChildren: () => undefined,
beforeCreateWidget: () => undefined,
afterCreateWidget: () => undefined,
children: null,
};
function isIgnoredProp(name) {
return name === 'children'
|| name === classNamePropName
|| elementPropNames.includes(name)
|| Object.prototype.hasOwnProperty.call(internalProps, name);
}
function getRefElement(value) {
if (value?.current) {
if (value.current.instance?.().element()) {
return value.current.instance().element();
}
return value.current;
}
return value;
}
function separateProps(props, defaultsProps, templateProps) {
templateProps = templateProps || [];
const defaults = {};
const options = {};
const templates = {};
const knownTemplates = {};
templateProps.forEach((value) => {
knownTemplates[value.component] = true;
knownTemplates[value.render] = true;
});
Object.keys(props).forEach((key) => {
const defaultOptionName = defaultsProps ? defaultsProps[key] : null;
const value = props[key];
if (isIgnoredProp(key)) {
return;
}
if (defaultOptionName) {
defaults[defaultOptionName] = value;
return;
}
if (knownTemplates[key]) {
templates[key] = value;
return;
}
if (refPropName.includes(key)) {
options[key] = getRefElement(value);
return;
}
options[key] = props[key];
});
return { options, defaults, templates };
}
function getClassName(props) {
return props[classNamePropName];
}
export { elementPropNames, getClassName, separateProps, };