@wordpress/components
Version:
UI components for WordPress.
33 lines (32 loc) • 1.08 kB
JavaScript
// packages/components/src/validated-form-controls/components/range-control.tsx
import { useMergeRefs } from "@wordpress/compose";
import { forwardRef, useRef } from "@wordpress/element";
import { ControlWithError } from "../control-with-error";
import RangeControl from "../../range-control";
import { jsx as _jsx } from "react/jsx-runtime";
var UnforwardedValidatedRangeControl = ({
required,
customValidity,
markWhenOptional,
...restProps
}, forwardedRef) => {
const validityTargetRef = useRef(null);
const mergedRefs = useMergeRefs([forwardedRef, validityTargetRef]);
return /* @__PURE__ */ _jsx(ControlWithError, {
required,
markWhenOptional,
customValidity,
getValidityTarget: () => validityTargetRef.current,
children: /* @__PURE__ */ _jsx(RangeControl, {
__next40pxDefaultSize: true,
__nextHasNoMarginBottom: true,
ref: mergedRefs,
...restProps
})
});
};
var ValidatedRangeControl = forwardRef(UnforwardedValidatedRangeControl);
export {
ValidatedRangeControl
};
//# sourceMappingURL=range-control.js.map