refactor(slider-web,range-slider-web): migrate utility functions to widget-plugin-platform

Author: samuelreichert

packages/pluggableWidgets/range-slider-web/src/RangeSlider.editorPreview.tsx

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
+import { createMarks } from "@mendix/widget-plugin-platform/utils/slider-marks";
 import { RangeSliderPreviewProps } from "../typings/RangeSliderProps";
 import { RangeSlider } from "./components/RangeSlider";
-import { createMarks } from "./utils/marks";
 import { getPreviewValues } from "./utils/getPreviewValues";
 import { getStyleProp, isVertical } from "./utils/prop-utils";
 

packages/pluggableWidgets/range-slider-web/src/components/Container.tsx

@@ -1,14 +1,14 @@
 import { NumberFormatter } from "mendix";
 import { ReactElement, useMemo, useRef } from "react";
+import { useScheduleUpdateOnce } from "@mendix/widget-plugin-hooks/useScheduleUpdateOnce";
+import { createValueFormatter } from "@mendix/widget-plugin-platform/utils/number-formatter";
+import { RangeSlider as RangeComponent } from "./RangeSlider";
+import { HandleTooltip } from "./TooltipHandler";
 import { RangeSliderContainerProps } from "../../typings/RangeSliderProps";
-import { createValueFormatter } from "../utils/helpers";
+import { getStyleProp, isVertical, maxProp, minProp, stepProp } from "../utils/prop-utils";
+import { useMarks } from "../utils/useMarks";
 import { useNumber } from "../utils/useNumber";
-import { RangeSlider as RangeComponent } from "./RangeSlider";
 import { useOnChangeDebounced } from "../utils/useOnChangeDebounced";
-import { useMarks } from "../utils/useMarks";
-import { getStyleProp, isVertical, maxProp, minProp, stepProp } from "../utils/prop-utils";
-import { useScheduleUpdateOnce } from "@mendix/widget-plugin-hooks/useScheduleUpdateOnce";
-import { HandleTooltip } from "./TooltipHandler";
 
 export function Container(props: RangeSliderContainerProps): ReactElement {
     const min = useNumber(minProp(props));

packages/pluggableWidgets/range-slider-web/src/utils/helpers.ts

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
-import { ValueFormatter } from "./helpers";
-import { createMarks } from "./marks";
+import { type ValueFormatter } from "@mendix/widget-plugin-platform/utils/number-formatter";
+import { createMarks } from "@mendix/widget-plugin-platform/utils/slider-marks";
 
 type UseMarksParams = {
     noOfMarkers: number;

packages/pluggableWidgets/range-slider-web/src/utils/marks.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from "react";
+import { createMarks } from "@mendix/widget-plugin-platform/utils/slider-marks";
 import { Slider } from "./components/Slider";
 import { SliderPreviewProps } from "../typings/SliderProps";
 import { getPreviewValues } from "./utils/getPreviewValues";
-import { createMarks } from "./utils/marks";
 import { getStyleProp, isVertical } from "./utils/prop-utils";
 
 export function getPreviewCss(): string {

packages/pluggableWidgets/range-slider-web/src/utils/useMarks.ts

@@ -1,10 +1,10 @@
 import { NumberFormatter } from "mendix";
 import { ReactElement, useMemo, useRef } from "react";
-import { SliderContainerProps } from "../../typings/SliderProps";
-
+import { createValueFormatter } from "@mendix/widget-plugin-platform/utils/number-formatter";
 import { Slider as SliderComponent } from "./Slider";
+import { SliderContainerProps } from "../../typings/SliderProps";
 import { createHandleRender } from "../utils/createHandleRender";
-import { createValueFormatter, getSliderLabel } from "../utils/helpers";
+import { getSliderLabel } from "../utils/helpers";
 import { getStyleProp, isVertical, maxProp, minProp, stepProp } from "../utils/prop-utils";
 import { useMarks } from "../utils/useMarks";
 import { useNumber } from "../utils/useNumber";

packages/pluggableWidgets/slider-web/src/Slider.editorPreview.tsx

@@ -2,7 +2,7 @@ import { SliderProps as RcSliderProps } from "@rc-component/slider";
 import RcTooltip from "@rc-component/tooltip";
 import { DynamicValue } from "mendix";
 import { RefObject } from "react";
-import { ValueFormatter } from "./helpers";
+import { type ValueFormatter } from "@mendix/widget-plugin-platform/utils/number-formatter";
 
 import "@rc-component/tooltip/assets/bootstrap.css";