@vnejs/uis.react.range-with-text 0.1.6 → 0.1.7

package/dist/RangeWithText.d.ts

@@ -1,16 +1,3 @@
-export declare const RangeWithText: ({ isSelected, gap, textSize, textWidth, rangeWidth, rangeHeight, min, max, step, value, valuePostfix, valueMap, onChange, }: {
-    isSelected?: boolean;
-    gap?: number;
-    textSize?: number;
-    textWidth?: number;
-    rangeWidth?: number;
-    rangeHeight?: number;
-    min: any;
-    max: any;
-    step: any;
-    value: any;
-    valuePostfix?: string;
-    valueMap?: any;
-    onChange: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { type RangeWithTextProps } from "./RangeWithText.types.js";
+export declare const RangeWithText: ({ isSelected, gap, textSize, textWidth, rangeWidth, rangeHeight, min, max, step, value, valuePostfix, valueMap, onChange, }: RangeWithTextProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=RangeWithText.d.ts.map

package/dist/RangeWithText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeWithText.d.ts","sourceRoot":"","sources":["../src/RangeWithText.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAI;;;;;;;;;;;;;;CAc7B,4CA8BA,CAAC"}
+{"version":3,"file":"RangeWithText.d.ts","sourceRoot":"","sources":["../src/RangeWithText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,eAAO,MAAM,aAAa,GAAI,6HAc3B,kBAAkB,4CA8BpB,CAAC"}

package/dist/RangeWithText.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Text, Flex, Range } from "@vnejs/uis.react";
 export const RangeWithText = ({ isSelected = false, gap = 120, textSize = 72, textWidth = 240, rangeWidth = 1200, rangeHeight = 48, min, max, step, value, valuePostfix = "", valueMap = null, onChange, }) => {
-    const valueText = useMemo(() => (valueMap ? valueMap(value) : value), [valueMap, value]);
+    const valueText = useMemo(() => (typeof valueMap === "function" ? valueMap(value) : value), [valueMap, value]);
     return (_jsxs(Flex, { align: Flex.ALIGN.CENTER, justify: Flex.JUSTIFY.CENTER, direction: Flex.DIRECTION.ROW, gap: gap, children: [_jsx(Range, { className: "TextHoverSibling", isSelected: isSelected, width: rangeWidth, height: rangeHeight, min: min, max: max, step: step, value: value, onChange: onChange }), _jsx(Text, { text: `${valueText}${valuePostfix}`, width: textWidth, isSelected: isSelected, size: textSize, align: Text.ALIGNS.RIGHT })] }));
 };
 //# sourceMappingURL=RangeWithText.js.map

package/dist/RangeWithText.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeWithText.js","sourceRoot":"","sources":["../src/RangeWithText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,GAAG,KAAK,EAClB,GAAG,GAAG,GAAG,EACT,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,EAAE,EAChB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,IAAI,EACf,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzF,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,EAC7B,GAAG,EAAE,GAAG,aAER,KAAC,KAAK,IACJ,SAAS,EAAC,kBAAkB,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,IAAI,IACH,IAAI,EAAE,GAAG,SAAS,GAAG,YAAY,EAAE,EACnC,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GACxB,IACG,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"RangeWithText.js","sourceRoot":"","sources":["../src/RangeWithText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAIrD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,UAAU,GAAG,KAAK,EAClB,GAAG,GAAG,GAAG,EACT,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,EAAE,EAChB,GAAG,EACH,GAAG,EACH,IAAI,EACJ,KAAK,EACL,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,IAAI,EACf,QAAQ,GACW,EAAE,EAAE;IACvB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/G,OAAO,CACL,MAAC,IAAI,IACH,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM,EAC5B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,EAC7B,GAAG,EAAE,GAAG,aAER,KAAC,KAAK,IACJ,SAAS,EAAC,kBAAkB,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,EACnB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,IAAI,IACH,IAAI,EAAE,GAAG,SAAS,GAAG,YAAY,EAAE,EACnC,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,GACxB,IACG,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/RangeWithText.types.d.ts

@@ -0,0 +1,16 @@
+export type RangeWithTextProps = {
+    isSelected?: boolean;
+    gap?: number;
+    textSize?: number;
+    textWidth?: number;
+    rangeWidth?: number;
+    rangeHeight?: number;
+    min: number | null;
+    max: number | null;
+    step?: number;
+    value: number;
+    valuePostfix?: string;
+    valueMap?: string | ((value: number) => string | number) | null;
+    onChange?: (value: number) => void;
+};
+//# sourceMappingURL=RangeWithText.types.d.ts.map

package/dist/RangeWithText.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeWithText.types.d.ts","sourceRoot":"","sources":["../src/RangeWithText.types.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC"}

package/dist/RangeWithText.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RangeWithText.types.js.map

package/dist/RangeWithText.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeWithText.types.js","sourceRoot":"","sources":["../src/RangeWithText.types.tsx"],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./RangeWithText";
+export * from "./RangeWithText.types.js";
+export * from "./RangeWithText.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -1,2 +1,3 @@
-export * from "./RangeWithText";
+export * from "./RangeWithText.types.js";
+export * from "./RangeWithText.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/uis.react.range-with-text",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/RangeWithText.tsx

@@ -2,6 +2,8 @@ import { useMemo } from "react";
 
 import { Text, Flex, Range } from "@vnejs/uis.react";
 
+import { type RangeWithTextProps } from "./RangeWithText.types.js";
+
 export const RangeWithText = ({
   isSelected = false,
   gap = 120,
@@ -16,8 +18,8 @@ export const RangeWithText = ({
   valuePostfix = "",
   valueMap = null,
   onChange,
-}) => {
-  const valueText = useMemo(() => (valueMap ? valueMap(value) : value), [valueMap, value]);
+}: RangeWithTextProps) => {
+  const valueText = useMemo(() => (typeof valueMap === "function" ? valueMap(value) : value), [valueMap, value]);
 
   return (
     <Flex

package/src/RangeWithText.types.tsx

@@ -0,0 +1,15 @@
+export type RangeWithTextProps = {
+  isSelected?: boolean;
+  gap?: number;
+  textSize?: number;
+  textWidth?: number;
+  rangeWidth?: number;
+  rangeHeight?: number;
+  min: number | null;
+  max: number | null;
+  step?: number;
+  value: number;
+  valuePostfix?: string;
+  valueMap?: string | ((value: number) => string | number) | null;
+  onChange?: (value: number) => void;
+};

package/src/index.ts

@@ -1 +1,2 @@
-export * from "./RangeWithText";
+export * from "./RangeWithText.types.js";
+export * from "./RangeWithText.js";

package/tsconfig.json

@@ -8,7 +8,6 @@
     "src/**/*.ts",
     "src/**/*.tsx",
     "../../../globals.d.ts",
-    "../../peer-modules.d.ts"
   ],
   "exclude": [
     "dist",