32 lines
1.1 KiB
JavaScript
32 lines
1.1 KiB
JavaScript
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
const _excluded = ["components", "componentsProps"];
|
|
import * as React from 'react';
|
|
/** Gathers props for the root element into a single `.forwardedProps` field */
|
|
function groupForwardedProps(props) {
|
|
const keys = Object.keys(props);
|
|
if (!keys.some(key => key.startsWith('aria-') || key.startsWith('data-'))) {
|
|
return props;
|
|
}
|
|
const newProps = {};
|
|
const forwardedProps = props.forwardedProps ?? {};
|
|
for (let i = 0; i < keys.length; i += 1) {
|
|
const key = keys[i];
|
|
if (key.startsWith('aria-') || key.startsWith('data-')) {
|
|
forwardedProps[key] = props[key];
|
|
} else {
|
|
newProps[key] = props[key];
|
|
}
|
|
}
|
|
newProps.forwardedProps = forwardedProps;
|
|
return newProps;
|
|
}
|
|
export function useProps(allProps) {
|
|
return React.useMemo(() => {
|
|
const {
|
|
components,
|
|
componentsProps
|
|
} = allProps,
|
|
themedProps = _objectWithoutPropertiesLoose(allProps, _excluded);
|
|
return [components, componentsProps, groupForwardedProps(themedProps)];
|
|
}, [allProps]);
|
|
} |