@hitachivantara/uikit-react-lab/dist/Flow/Node/Parameters/Slider.js

Contributed React components to UI Kit by the community.

import { useFlowNodeUtils } from "../../hooks/useFlowNode.js";
import { HvSlider } from "@hitachivantara/uikit-react-core";
import { jsx } from "react/jsx-runtime";
import { css } from "@emotion/css";
//#region src/Flow/Node/Parameters/Slider.tsx
var classes = {
	labelContainer: css({
		marginRight: 0,
		marginLeft: 0
	}),
	sliderBase: css({ padding: 0 })
};
var Slider = ({ param, data }) => {
	const { id } = param;
	const { setNodeData } = useFlowNodeUtils();
	return /* @__PURE__ */ jsx(HvSlider, {
		className: "nodrag",
		defaultValues: data[id],
		onChange: (val) => setNodeData((prev) => ({
			...prev,
			[id]: val
		})),
		classes: {
			labelContainer: classes.labelContainer,
			sliderBase: classes.sliderBase
		},
		...param
	});
};
//#endregion
export { Slider as default };